HTML列表
- 無序列表
- 有序列表
- 自定義列表
【1】無序列表
- 無序列表標籤：
<ul>（unordered list） - 每個列表項標籤：
<li>（list item） - 默認每行前符號爲圓點，可以通過樣式屬性修改符號
<!無序列表>
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
【2】有序列表
- 有序列表標籤：
<ol>（order list） - 每個列表項標籤：
<li>
<!有序列表>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
【3】定義列表
- 自定義列表標籤：
<dl>（definite list）
自定義列表是列表項和註釋的結合
- 每個列表項標籤：
<dt>（definite title） - 每個註釋：
<dd>（definite description）
<!自定義列表>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk<dt>
<dd>White cold drink</dd>
</dl>
【4】列表屬性
| 標籤 | 含義 |
|---|---|
<ol> |
有序列表 |
<ul> |
無序列表 |
<li> |
列表項 |
<dl> |
定義列表（列表項+註釋） |
<dt> |
定義列表——列表項 |
<dd> |
定義列表——註釋 |
HTML圖像
【1】圖像標籤img和源屬性src
- 圖像標籤：
<img>
<img>是空標籤，只包含屬性，並且沒有閉合標籤
src（‘source’）= 圖像的url地址- 語法：
<img src='url' />
【2】替換文本屬性alt
alt屬性給圖像定義一段預留的可替換文本
<img src='url' alt='我是小楊我就這樣' />
當圖像加載不出來時，替換文本可以告訴用戶丟失了什麼信息
【3】map和area
<map>：定義一個客戶端圖像映射，有可以點擊區域的一副圖像<area>：定義圖像映射中的區域，帶有可點擊區域的圖像
<area>在html中沒有結束標籤，並且總是嵌套在<map>標籤中
<!map和area圖像>
<img src="plants.jpg" border="0" usemap="#plantmap" alt="Plants" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href="venus.html" alt="" />
<area shape="circle" coords="129,161,10" href="mercur.html" alt="" />
</map>