一、HTML歷史
（1）在HTML中，所有標記不區分大小寫
（2）在xHTML中，所有標記區分大小寫，所有標記都要有閉標記
二、HTML文檔的結構（框架）
（1）所有的網頁文件，通常由四對標記構成，文檔的骨架是：
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
~~<html>...</html>：標識網頁文件的開始和結束，所有HTML標記都要放在這對標記中
~~<head>...</head>：標識網頁文件的頭部信息，如標題、搜索引擎關鍵字
~~<title>...</title>：標識網頁文件的標題
~~<body>...</body>：標識網頁文件的主體部分
（2）meta標
~~meta標記用於定義文件信息，對網頁文件進行說明，便於搜索引擎查找。放置於<head></head>之間
~~設置關鍵字：<meta name="keywords" content="value">，多個關鍵字之間用<,>隔開
~~設置描述：<meta name="description" content="value">
~~設置作者：<meta name="author" content="作者名">
~~設置字符集：<meta http-equiv="content-type" content="text/html;charset=gb2312">
~~設置頁面定時跳轉：<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">
（3）網頁主體標記：body
~~註釋：<!--註釋內容-->
~~body屬性：<body bgcolor="背景色" background="背景圖片" text="文本顏色" link="鏈接文本顏色" vlink="訪問過的文本顏色" alink="激活的鏈接文本顏色" leftmargin="上邊界" rightmargin="右邊界" topmargin="上邊界" bottommargin="下邊界">
默認情況下：網頁內容與邊框距離是有默認值的
（4）標記顏色區分
~~HTML標記：藍色
~~標記屬性：紅色
~~標記屬性值：紫色
~~HTML標註：綠色
（5）字符格式
~~加粗：<b>文本</b>
~~傾斜：<i>文本</i>
~~加強語氣（加粗）：<strong>文本</strong>
~~加強語氣（傾斜）：<em>文本</em>
~~下劃線：<u>文本</u>
~~刪除線：<s>文本</s>
~~上標：<sup>文本</sup>
~~下標：<sub>文本</sub>
比較的內容，建議使用<strong></strong>標記；
文章網頁的主題，建議使用<h1></h1>標記；
網頁段落內容，建議使用<p></p>標記;
三、上代碼
<html> <head> <title>文件名爲：day02_demo03</title> </head> <body> <b>這是一段加粗文字</b> <br/> <i>這是一段傾斜文字</i> <br/> <strong>這是一段語氣加強（加粗）文字</strong> <br/> <em>這是一段語氣加強（傾斜）文字</em> <br/> <u>這是一段下劃線文字</u> <br/> <s>這是一段刪除文字</s> <br/> <sup>這是一段上標文字</sup> <br/> <sub>這是一段下標文字</sub> <br/><br/><br/> <h3> <u color="blue"> <font color="blue"> 中國領先的IT技術網站51CTO <font color="red">51CTO(www.51cto.com)</font> 一個爲CTO、IT技術經理、系統工程師、網絡工程師、安全工程師、數據庫工程師、網絡管理員、開發工程師、項目管理 </font> </u> </h3> <p>51CTO學院_專業的IT職業在線教育及實戰培訓平臺</p> <p>51CTO學院_專業的IT職業在線教育及實戰培訓平臺,擁有云計算,大數據,移動開發,遊戲開發</p> </body> </html>