1丶列表標籤

無序列表：

<ul>
	<li></li>
</ul>

 <li></li>中書寫列表內容，一個li標籤代表一行資料

特點：預設資料前面有一個黑圓圈符號

有序列表：

<ol>
	<li></li>
</ol>

<li></li>中書寫內容，一個li標籤代表一行資料

特點：會自動給列表順序編碼，格式是由小到大連續的

type：可以改變順序編碼的值，可以是i，a，A，I，預設使用阿拉伯數字進行編碼

自定義列表：

<dl>
	<dt></dt>
	<dd></dd>
</dl>
 

<dt></dt>：資料的標題

<dd></dd>：資料的具體內容

2丶圖片標籤

<img src="" alt="" />

行內元素（不自動換行）

絕對路徑：從根碟符出發超找檔案的路徑

相對路徑：從當前檔案路徑出發查詢另一個檔案所經過的路徑

src：指的就是圖片的路徑

注意：本地資源一般使用相對路徑（圖片位於本地電腦上）

width：設定圖片的寬度（如果單獨設定，則保證圖片不失真的情況下，自動縮小和放大圖片）

height：設定圖片的高度

title：圖片標題，滑鼠觸控時顯示

alt：圖片載入失敗的文字說明

 3丶超連結標籤

<a href="">提供使用者可點選的路徑</a>

注意：超連結標籤中一定要設定訪問方式，訪問方式可以是文字，圖片

href：要跳轉的網路資源路徑，不知道連線到哪裡的話（#表示頁面本身），本地資源的話就填相對路徑，網路資源的話就是url

target：指定網路資源的顯示位置（要跳轉的網頁）

_blank：在新標籤頁開啟

_self：在當前頁中重新整理

_top：在頂層頁面中顯示

_parent：在父級頁面中顯示

注意：不指定屬性的話會在當前網頁加載出頁面

錨點：在一張網頁中進行資源跳轉

步驟：1  先使用超連結標籤在網頁位置上加錨點，格式為<a name="錨點名"></a>

            2  在使用<a href="錨點名"></a>進行跳轉

注意：<a href="#"></a>是重新整理當前頁面，回到頂部

4丶表格標籤

<table>
	<tr>
		<td></td>
		<td></td>
	</tr>
</table>

<table></table>宣告表格

<tr></tr>宣告行

<td></td>宣告單元格

<th></th>宣告一個單元格，表頭格，預設居中加黑顯示

width：設定寬度

height：設定高度

border：設定邊框線的粗細

設定行高，即該行單元格的高度

設定第一行單元格的寬度就是表格單元格的高度

cellpadding：內容據邊框的距離

cellspacing：單元格之間的距離

單元格合併：

列合併  colspan

行合併  rowspan

步驟：1  先找到需要合併的位置，再把多餘的刪除掉

             2  需要合併中的第一個單元格上使用

注意：一定要先畫一個完整的表格，然後再進行合併操作

 5丶內嵌標籤

<iframe></iframe>

在一個頁面載入另一個頁面資源

src：要顯示的網路資源路徑，可以是本地（相對路徑），也可以是網路資源（url）

width：區域的寬度

height：區域的高度

預設當前頁面開啟及載入src指向資源

一個有趣的例子

<a href="http://www.jd.com" target="_if">京東</a>
<iframe src="" frameborder="1" name="_if" width="400" height="300"></iframe>

 作用：在當前網頁中載入其他頁面資源，達到不同網頁之間不相互干擾，並能在同一頁面中展現給使用者

name：設定內嵌區域的名字，結合超連結標籤target屬性來使用

frameborder：設定邊框的粗細

6丶框架標籤

<frameset></frameset>

<frameset rows="10%.*,10%">
	<frame>
	<frame>
	<frame>
</frameset>

注意：1、可以使用<frame>標籤的name屬性結合超連結標籤實現頁面跳轉

           2、frameset把不同頁面資源載入到一個頁面去顯示

           3、一定要刪除body標籤

           4、<frame>進行佔域站位，一個<frame>可以單獨載入一個網頁

<frame>

src：資源路徑

name：區域名，可以結合超連結標籤來實現不同頁面間的跳轉