HTML(二)：列表+表格，html列表表格

HTML(二)：列表+表格，html列表表格
1.無序列表

HTML <ul> 元素代表多項的無序列表，即無數值排序項的集合，且它們在列表中的順序是沒有意義的。通常情況下，無序清單項目的頭部可以是幾種形式，如一個點，一個圓形或方形。通過設定<ul>元素的type屬性來改變無序列表頭部的形式。

• 無序列表和有序列表都使用<li>標籤來定義單列。

1 <ul type="disc">2     <li>實心圓</li>3 </ul>4 <ul type="circle">5     <li>空心圓</li>6 </ul>7 <ul type="square">8     <li>方形</li>9 </ul>

2.有序列表

HTML <ol> 元素表示多個有序清單項目。通常情況下，有序列表中顯示在項前面的編號(a preceding numbering)，可以是任何形式的，如數字，字母或羅馬數字甚至簡單的點。<ol>同樣可以通過設定type屬性來改變頭部序號標記的形式。同時可以設定start屬性來指定排序的起點數值。

• <ol>元素不光可以通過type屬性改變標記形式，還可以通過CSS的list-style-type屬性進行更多樣的設定，list-style-type可設定的值非常之多，不過並不常用。

 1 <ol start="5"> 2     <li>預設形式，設定start為5</li> 3     <li>預設形式，設定start為5</li> 4 </ol> 5 <ol type="a"> 6     <li>設定type為小寫英文字母</li> 7     <li>設定type為小寫英文字母</li> 8 </ol> 9 <ol type="A">10     <li>設定type為大寫英文字母</li>11     <li>設定type為大寫英文字母</li>12 </ol>13 <ol type="I">14     <li>設定type為羅馬數字</li>15     <li>設定type為羅馬數字</li>16 </ol>

以下為list-style-type的部分可取值：

• 參考：CSS參考手冊list-style-type       MDN list-style-type

3.定義列表

HTML <dl> 元素是一個包含術語定義以及描述的列表，通常用於展示詞彙表或者中繼資料 (鍵-值對列表)。

1 <dl>2 <dt>Coffee</dt>3 <dd>- black hot drink</dd>4 <dt>Milk</dt>5 <dd>- white cold drink</dd>6 </dl>

4.表格

表格由 <table> 標籤來定義。每個表格均有若干行（由 <tr> 標籤定義），每行被分割為若干儲存格（由 <td> 標籤定義）。標籤 td 指表格式資料（table data），即資料儲存格的內容。資料儲存格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。同時標籤<th>可以定義表頭。

<table>標籤可設定的各個屬性：

參考：w3school <table> 標籤