1、HTML基本框架：
<!doctype html><!-- HTML標準 H5 只能出現在第一行-->
<html>
<head>
<!-- 簡寫<meta charset="utf-8">兼容性不好 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 舉例：百度競價，根據描述信息content -->
<meta name="Keywords" content="關鍵字" />
<meta name="description" content="描述 80字以內" />
<title>title</title>
<link href="#" rel="stylesheet" />
</head>
<body>
<!-- 規範：
有閉合標籤必須要閉合；
所有名稱一律小寫；
開發的時候，注意代碼縮進；
特殊符號規範使用，以分號結尾；
-->
</body>
</html>
2、常見標籤及特點
h1,h2,h3,h4,h5,h6 ： H標題標籤，加粗，值越大字越小；一個頁面中一般來說只會出現一次h1，可以供搜索引擎進行關鍵詞匹配。
p ：段落標籤，HTML中空格和換行重複使用無重疊效果。前後的元素都會被換行。
特殊符號：顯示HTML中與標記衝突的符號，大於號>、小於號<、and符號&lt、空格 、版權號©、叉×。
strong與b標籤：strong標籤能被搜索引擎搜索到，不僅僅能加粗（b標籤），可以寫多個。
a標籤：默認會有下劃線，且改變顏色，鼠標指針放上有超鏈接；href='#'表示跳轉到當前頁面，光標置頂
img標籤
圖片格式：BMP（點陣圖，佔用空間大，色彩豐富）、JPEG（有損壓縮，在頁面當中一般都採用此格式；因爲文件小，用戶訪問速度快）、GIF（動圖，多幀動畫，支持透明）、PNG（支持Alpha通道，支持透明和半透明）
屬性：alt="僅供搜索引擎查看"，src=“”引用本地地址或外部鏈接”
無序列表
<h2>無序列表</h2>
<ul type="square"> <!-- 每個li標籤前後被換行 -->
<li>type——disc：默認，小黑圓點；square：實心方塊；circle：空心圓圈；</li>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
<h2>有序列表</h2>
<ol type="666">
<li>"i"小寫羅馬字符序列；</li>
<li>"I"大寫羅馬字符序列；</li>
<li>"a"小寫字母序列；</li>
<li>"A"大寫字母序列</li>
</ol>
<h2>自定義列表</h2>
<dl> <!-- 不支持序列項標識 -->
<dt>column title1</dt>
<dd>data</dd>
<dd>data</dd>
<dd>data</dd>
<dt>LEVEL</dt>
<dd>level1</dd>
<dd>level2</dd>
<dd>level3</dd>
</dl>