常見標籤：
<div>塊</div>
img標籤是個單標籤 alt作用 圖片加載失敗 顯示alt中內容
<img src="圖片名字" alt="圖片的名字"/>
a標籤詳細介紹：
a標籤的鏈接實現：
<a href = "鏈接" target="_blank">a標籤 </a> 點擊a標籤
會轉到相應鏈接下控制鏈接新打開一個頁面用或者其他用target，還有self等其
他；
在head部分寫入<base target = "_blank">默認頁面中所有鏈接打開方
式，如果在body部分些人target屬性，以body部分裏面a標籤裏的target屬性爲
先；
a標籤的下載實現：<a href = "#">放入要下載的東西</a>放的裏面用#
號 實現下載功能
a標籤的錨點實現： <a href = "#box(一個id)">（一個錨點）百步飛
劍</a>
標題標籤 不是一個 是一組 一共以下六個：
<h1></h>
<h2></h>
<h3></h>
<h4></h>
<h5></h>
<h6></h>
段落標籤 一段話用p標籤
<p><p/>
強調標籤strong 頁面默認展示爲粗體
<strong>內容（Content）</strong>
<em>也是強調的作用沒有strong 標籤語氣那麼重 默認展示爲斜體
span標籤
區分樣式，一段文字或內容樣式區分
<span style="color:red">Conten</span>
列表
有序列表
<ol>
<li>(列表項目)</li>
</ol>
無需列表
<ul>
<li>(列表項目)</li>
</ul>
定義列表
<dl>
<dt>定義列表標題</dt>
<dd>定義列表項目</dd>
</dl>
SEO:搜索引擎優化 例如：百度一下等
作用：有一個爬蟲程序 每天搜索信息 保存下來
標籤的的優點：
頁面標籤語義化；
使用對SEO有利於標籤；h1;h2;h3;strong;em 佔7%或8%左右 合理的優
化 不要過分使用
提高頁面關鍵詞密度；
id選擇符
#box1,box2{
width:100px;height:100px;background:red;
}
羣組選擇符 #後面跟id+"，"+id一組羣組用一樣的樣式
.box(id)和class的使用 class是一個類，可以理解爲一個可以重複使
用的id；
class 選擇符 可以跟多個樣式
類型選擇符 標籤名{}
包含選擇符：根據頁面中的包含關係來選擇
div p{}表示div標籤裏面所有的p標籤
通配符
*{border:1px solid red;}頁面中所有的都帶有此格式 基本無用
選擇符的優先級：
前提 同級 ：樣式默認後者覆蓋前者
包含級別越高，樣式就使用哪個
class樣式選擇符
同級別調用名字的先後順序沒有關係，只與樣式的先後有關係
類型（1）<class(10)<id（100）<style行間樣式（1000）<js
(javaScrapt)
比較樣式優先級，根據最高樣式優先級個數判斷
工作中不要寫太深的包含關係
a的僞類：
link 未訪問
hover 鼠標懸停（鼠標劃過）
active 鏈接激活
visited 訪問過後
寫法 寫在style裏面的
a：link{}
a:hover{}
僞類順序 link visited hover active
應用：搜索引擎 小說等
div僞類：hover 大多數標籤都支持hover
IE6不支持a意外其他任何標籤的僞類
IE6以上支持