圖片標簽： img src:title屬性是當鼠標移動到圖片上面時顯示一段文字 alt屬性是當找不到圖片路徑時在圖片的相關位置顯示相應的文字 style屬性可以調整圖片格式 ---簡單實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="http://www.baidu.com"> <img src="1.png" title="屏幕截圖" style="height:200px;width:200px;" alt="屏幕截圖"> <!--點擊圖標跳轉到相應的網頁--> </a> </body> </html> 列表標簽： 1.ul-li相互對應（符號為首） <ul> <li>xxx</li> <li>sxx</li> </ul> 2.ol-li相互對應（有序數字為首） <ol> <li>xxx</li> <li>aaa</li> </ol> 3.dl-dt,dl-dd三者關聯（dt是標題，dd是dt下的內容） <dl> <dt>廣東</dt> <dd>汕頭</dd> <dd>惠州</dd> <dt>福建</dt> <dd>莆田</dd> <dd>其他</dd> </dl> 表格標簽： tr-td相互對應，tr表示一行，td表示一行中的列內容，th表示表頭的列 border屬性是添加表格樣式 可以搭配a標簽使用 ---示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1"> <thead> 表頭的專用標簽 <tr> 一行的表頭有4個屬性,注意是th標簽 <th>表頭1：</th> <th>表頭1：</th> <th>表頭1：</th> <th>表頭1：</th> </tr> </thead> <tbody> 表格除表頭外所用的標簽 <tr> <td>第二行，第一列</td> <td> <a href="http://www.baidu.com">第二行，第二列</a> </td> <td colspan="2">第二行，第三列</td> colspan從該列開始往右合並2個單元格 <td>第二行，第四列</td> </tr> <tr> <td>第三行，第一列</td> <td> <a href="http://www.baidu.com">第三行，第二列</a> </td> <td rowspan="2">第三行，第三列</td> colspan從該列開始往下合並2個單元格 <td>第三行，第四列</td> </tr> </tbody> </table> </body> </html> label標簽： <label for="username">用戶名:</label> <!--用意是，當點擊用戶名也可以自動跳轉到輸入框--> <input id="username" type="text" name="user">