HTML常用標簽三

表格標簽

1. 表格的作用

   表格主要用於顯示、展示數據，因為他們可以讓數據顯示的非常規整，可讀性非常好，特別是後臺展示數據的時候，能夠熟練運用表格就先的很重要，一個清爽簡約的表格能夠把繁雜的數據表現的很有條理。

2. 表格的基本語法

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

   • <table></table> 用於定義表格的標簽
   • <tr></tr> 標簽用於定義表格中的行，必須嵌套在<table></table> 標簽中
   • <td></td> 用於定義表格中的單元格，必須嵌套在<tr></tr> 標簽中

3. 表頭單元格

   • <th></th> 標簽表示HTML表格的表頭部分

4. 表格屬性

   • 表格標簽的屬性在實際開發中不常用，後面通過CSS來設置

1. 表格的結構標簽

   在表格標簽中，分別用：<thead>標簽表示表格的頭部區域，<tbody> 表示表格的主體區域

2. 合併單元格

   • 確定是跨行還是跨列
   • 找到目標單元，寫上合併方式=合併的單元數量，比如；<td colspan="2"></td>
   • 刪除多餘單元格

列表

1. 列表分類

   • 無序列表

     • <ul> 標簽定義無序列表，一般會以項目符號呈現表項，而列表項使用<li> 標簽定義

     <ul>
         <li>列表項1</li>
         <li>列表項2</li>
         <li>列表項3</li>
     </ul>

     • • 無序列表的各項列表之間沒有順序級別之分，是併列的
       • <ul> </ul> 中只能嵌套<li> </li> ,直接在<ul> </ul> 標簽中輸入其他標簽或者文字的做法是不允許的
       • <li> </li> 之間相當於一個容器，可以容納所有元素
       • 無序列表會帶有自己的樣式屬性，但實際使用中，我們會使用CSS來設置

   • 有序列表

     • <ol> 標簽定義有序列表，列表排序以數字來顯示，而列表項使用<li> 標簽定義

     <ol>
         <li>列表項1</li>
         <li>列表項2</li>
         <li>列表項3</li>
     </ol>

     • • <ol> </ol> 中只能嵌套<li> </li> ,直接在<ol> </ol> 標簽中輸入其他標簽或者文字的做法是不允許的
       • <li> </li> 之間相當於一個容器，可以容納所有元素
       • 有序列表會帶有自己的樣式屬性，但實際使用中，我們會使用CSS來設置

   • 自定義列表

     • 自定義列表常用於對術語或名詞進行解釋和描述，定義列表的列標前沒有任何項目符號
     • <dl> 標簽用於自定義描述列表（或定義列表），該標簽會與<dt> (定義項目/名字)和<dd> (描述每一個項目/名字)一起使用

     <dl>
         <dt>名詞1</dt>
         <dd>名詞一解釋1</dd>
         <dd>名詞一解釋2</dd>
     </dl>

     • • <dl> </dl> 中只能嵌套<dt> <dd>
       • <dt> <dd>沒有各數限制，經常一個<dt>對應多個<dd>