HTML頭部LOGIN

HTML頭部

HTML頭部

程式碼開頭都會有<!DOCTYPE>聲明, 

<!DOCTYPE> 聲明幫助瀏覽器正確地顯示網頁。

<!DOCTYPE> 宣告

Web 世界中存在許多不同的文件。只有了解文件的類型,瀏覽器才能正確地顯示文件。

HTML 也有多個不同的版本,只有完全理解頁面中使用的確切 HTML 版本,瀏覽器才能完全正確地顯示 HTML 頁面。這就是 <!DOCTYPE> 的用處。

<!DOCTYPE> 不是 HTML 標籤。它為瀏覽器提供一項資訊(聲明),即 HTML 是用什麼版本編寫的。

  以下所有程式碼全是在<head>...</head>之間,具體內容有:

1.<title>…</title>

      標題元素,幫助使用者更能辨識文件,<title> 在HTML/XHTML 文件中是必須的,有且只有一個。當作為首頁或收藏時做文件名稱。

    2.<link>…</link>

顯示本文檔和其它文件之間的關係:<link rel=“stylesheet” href=“s.css” > 和外部樣式表的連接。

rel說明html檔案和url兩份文件之間的關係,href說明文檔名稱。

     3.<style>…</style>

#可以在文件中包含風格頁。文檔本身的內部樣式。

      4.<base>…</base>

<base> 標籤描述了基本的連結地址/連結目標,該標籤作為HTML文檔中所有的連結標籤的預設連結:

     5.<script>…</script>

用於包含腳本(一系列腳本語言寫的指令)可以是Javascript 或VbScript。

     6.<meta>…</meta>

meta標籤描述了一些基本的元資料。

<meta> 標籤提供了元資料.元資料也不顯示在頁面上,但會被瀏覽器解析。

META元素通常用於指定網頁的描述,關鍵字,文件的最後修改時間,作者,和其他元資料。

元資料可以使用於瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵字),或其他網路服務。

<meta>一般放置於<head>區域

#<meta> 標籤- 使用實例

為搜尋引擎定義關鍵字:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

為網頁定義描述內容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

#定義網頁作者:

<meta name="author" content="Hege Refsnes">

每30秒刷新目前頁面:

實例:

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="php html css" charset="utf-8">
<link rel="stylesheet" type="text/css" href="">
<script>
</script>
<title>标题测试</title>
<style type="text/css">
body {background-color:pink}
</style>
</head>
<body>
<a href="http://ask.php.cn/"  target="_blank" >这个是连接哦</a>
</body>
</html>
下一節
<!DOCTYPE html> <html> <head> <meta name="description" content="php html css" charset="utf-8"> <link rel="stylesheet" type="text/css" href=""> <script> </script> <title>标题测试</title> <style type="text/css"> body {background-color:pink} </style> </head> <body> <a href="http://php.cn/" target="_blank" >这个是连接哦</a> </body> </html> 同学们可以试试其他的。
章節課件