1.無序列表 HTML <ul> 元素代表多項的無序列表,即無數值排序項的集合,且它們在列表中的順序是沒有意義的。通常情況下,無序列表項的頭部可以是幾種形式,如一個點,一個圓形或方形。通過設置<ul>元素的type屬性來改變無序列表頭部的形式。 無序列表和有序列表都使用<li>標簽來定義單列。 2. ...
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的部分可取值:
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>標簽可設置的各個屬性: