1. 程式人生 > >HTML的基本結構

HTML的基本結構

-- 頻道 後端 baidu set 網頁 keyword 訪問 ...

1,<html>內容</html>

  解釋:HTML文檔的文檔標記,也稱為HTML開始標記

  功能:這對標記分別位於網頁的最前端和最後端

  <html>在最前端表示網頁的開始

  </html>在最後端表示網頁的結束

2,<head>內容</head>

  解釋:HTML文件頭標記,也稱為HTML頭信息開始標記

  功能:用來包涵問及的基本信息,比如網頁的標題,關鍵字,在<head></head>內可以放<title></title>,<meta></meta>,<style></style>等等標記

  註意:在<head></head>標記內不會在瀏覽器中顯示

3,<title>內容</title>

  解釋:HTML文件標題標記

  功能:網頁的“主題”,顯示在瀏覽器的窗口的左上方

  註意:網頁的標題不能太長,要短小精悍,能具體反映頁面的內容,<title></title>標記中不能包含其他的標記

4,<body>內容</body>

  解釋:HTML文檔的主體標記

  功能:<body>...</body>是網頁的主體部分,在此標記之間可以包含如<p></p>,<h1></h1>,<br>,<hr>等等標記,

  正是由這些內容組成了我們所看見的網頁

  body標記的常見屬性:

    1,bgcolor 設置背景顏色 <body bgcolor = "red"></body> 

    2,text 設置文本顏色  <body text = "green"></body>

    3,link 設置連接顏色 <body link = "green"></body>

    4,vlink 已經訪問了的連接顏色 <body vlink = "green"></body>

    5,alink 正在被惦記的連接顏色 <body alink = "green"></body>

5,<meta>內容</meta>

  解釋:頁面的元信息(meta-information)

  功能:提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻道的標記和關鍵詞

  必須的屬性:content 值:some_text 定義name屬性的相關的元信息

  常見的屬性:1,常見的name屬性(1,auther 2,keywords 3,description 4,others)把content屬性關聯到一個名稱

  比如描繪出網頁的關鍵詞<meta name=“keywords” content =“第三天”>

  註意mata標記必須放在head元素裏面

eg:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="test,day02">
<title>這是第二天</title>
</head>
<!--<body bgcolor="blue" text="red">-->
<body link="red" vlink="blue" alink="aqua">
<h1>這是一個內容的標題</h1>
<a href="http:www.baidu.com">百度</a>
<a href="http:www.baidu1.com">百度1</a>
<a href="http:www.baidu2.com">百度2</a>

</body>
</html>

HTML的基本結構