HTML的基本結構
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的基本結構