一、列表：
列表分為：1、有序列表：
語法：<ul type="符號類型">
<li></li>
</ul>
2、無序列表:
語法：<ol type="符號類型">
<li></li>
</ol>
3、定義列表:
語法：<dl>
<dt>定義名詞</dt>
<dd>定義描述</dd>
二、表格
表格的格式：<table>
<tr>
<td></td>
</tr>
</table>
<tr><th><td>標簽下的常用屬性
屬性名稱： 屬性值：
nowrap 無
width 像素
百分比
height 像素
百分比
bgcolor 英文/十六進制
align(水平方向) left
right
center
valign(垂直方向) top
middle
bottom
表格需要注意：1、表格默認寬度為內容的寬度，高度為內容的高度
2、表格默認邊框屬性值為零
3、表格寬度有兩種值（絕對值跟百分比）
4、cellpadding表示內邊距
5、cellspacing表示單元格間距
知識點：
1、合並單元格是<td>的屬性，通過占位實現
colspan:橫向合並（向右合並）
rowspan：向下合並
這兩個屬性的屬性值為數字，數字代表合並單元格的個數（包含自己）
2、利用表格橫平豎直的特性，設置某個單元格的寬高，他所在的行列都和它等高等寬
三、例子
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>學員信息</title> 6 7 </head> 8 9 <body> 10 <table border="1" cellpadding="0" cellspacing="0" width="400"> 11 <caption>學員信息</caption> 12 <tr> 13 <td>學號</td> 14 <td>姓名</td> 15 <td>性別</td> 16 <td>班級</td> 17 <td>年齡</td> 18 <td>學歷</td> 19 <td>操作</td> 20 </tr> 21 <tr> 22 <td>1</td> 23 <td>12</td> 24 <td>男</td> 25 <td>php</td> 26 <td>23</td> 27 <td>專科</td> 28 <td><a href="學員詳情.html#11">查看詳情</a></td> 29 </tr> 30 <tr> 31 <td>2</td> 32 <td>22</td> 33 <td>男</td> 34 <td>php</td> 35 <td>24</td> 36 <td>專科</td> 37 <td><a href="學員詳情.html#22">查看詳情</a></td> 38 </tr> 39 <tr> 40 <td>3</td> 41 <td>32</td> 42 <td>男</td> 43 <td>php</td> 44 <td>24</td> 45 <td>專科</td> 46 <td><a href="學員詳情2.html">查看詳情</a></td> 47 </tr> 48 <tr> 49 <td>4</td> 50 <td>321</td> 51 <td>男</td> 52 <td>php</td> 53 <td>25</td> 54 <td>專科</td> 55 <td><a href="學員詳情3.html">查看詳情</a></td> 56 </tr> 57 <tr> 58 <td>122</td> 59 <td>111</td> 60 <td>男</td> 61 <td>php</td> 62 <td>23</td> 63 <td>專科</td> 64 <td><a href="學員詳情.html#55">查看詳情</a></td> 65 </tr> 66 </table> 67 68 </body> 69 </html>
四、圖像
格式：<img src="URL">
功能：將圖片插入到網頁中去
屬性：src 圖片文件的地址
alt 圖片顯示不出來時的提示文字
title 鼠標移到圖片上的提示文字
例：
src="../19291311_131811815000_2.jpg" height="100%"/>
五、超鏈接
超鏈接語法：<a href="l鏈接地址" target="目標窗口的打開方式">超鏈接內容</a>
一般情況下，target只用到“_self”和"_blank"這兩個屬性值
例子：
<a href="../1219下午.html">返回列表頁</a>
錨點鏈接：<a>標簽下的name屬性設置超鏈接的標記
例子：
<a name="22"></a>
<a href="學員詳情.html#22">查看詳情</a>