列表：

分為無序列表、有序列表、自定義列表

無序列表：

<ul> <!-- ul標簽中只能容納li標簽，li標簽里面可以容納其他標簽 --><li>列表項1</li><li>列表項2</li><li>列表項3</li>...</ul>

有序列表：

<ol> <!-- 使用ol有序列表后，li每項會自動在前面加上序號，ol標簽中只能容納li標簽，li標簽里面可以容納其他標簽--><li>中國</li><li>美國</li><li>英國</li></ol>

自定義列表：

<dl><dt>分類1</dt><dd>分類1第1項</dd><dd>分類1第2項</dd>...<dt>分類2</dt><dd>分類2第1項</dd><dd>分類2第2項</dd>...</dl>

表格table：

表格主要是顯示數據的，不適合做布局，但是很久以前的網站有用它做布局。

<table> <!-- table標簽實際就是一個四方塊框框，里面有單元格才會顯示出表格的樣子 --><caption>信息表</caption> <!-- 表格標題 --><thead> <!-- 定義表格的頭部 --><tr> <!-- 定義行 --><th>姓名</th> <!-- 定義表頭，表頭文本有加粗居中效果 --><th>年齡</th><th>性別</th></tr></thead><tbody> <!-- 定義表格的主體 --><tr> <!-- 定義行 --><td>小明</td> <!-- 定義單元格，表格里面沒有列--><td>18</td><td>男</td></tr><tr><td>小紅</td><td>17</td><td>女</td></tr></tbody><tfoot><!-- 定義表格底部 --><tr><td>信息來源</td><td>虛構數據</td></tr></tfoot></table>

表格屬性：

合并單元格：

跨行合并：rowspan (把相鄰的幾行合并為一行) 跨列合并：colspan（把相鄰的幾列合并為一列）

<table border="1" cellpadding="0" cellspacing='0'><tr><td>1</td><td colspan='2'>2&nbsp;3</td><!-- 合并n列，這行的列數減少n-1 --></tr><tr><td rowspan='2'>4<br/>7</td><!-- 合并n行，這列的行數減少n-1 --><td>5</td><td>6</td></tr><tr><td>8</td><td>9</td></tr></table>

提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者 刪除。
筆者：苦海

總結

以上是生活随笔為你收集整理的html中列表、表格、合并单元格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。