列表分為無序列表和有序列表

無序列表：

　　　　無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。

　　　　無序列表始于 <ul> 標簽。每個列表項始于 <li>。

<ul> <li>Coffee</li> <li>Milk</li> </ul>

網頁顯示為：●Coffee

　　　　　??? ●Milk

有序列表：

?? 　　　　同樣，有序列表也是一列項目，列表項目使用數字進行標記。

　　　　　有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。

<ol> <li>Coffee</li> <li>Milk</li> </ol>

網頁顯示為：1 Coffee

　　　　　　2 Milk

其中列表屬性type可以定義前面序號的類型：如type=1，則顯示阿拉伯數字1234 ? type=A，則顯示ABCD

類型主要有 1?? A?? a?? i??? I?? 等等

其中start可以控制編號開始的數字例如：

<ol type="A" start="2" ><li>銀河系</li><li>太陽系</li><li>地球</li> </ol>

在網頁顯示為：? B 銀河系

　　　　　　　? C 太陽系

　　　　　　　? D 地球

Table表格：

?

table是副標簽，它的子標簽有： tr（行）、th（表頭）、td（內容）

table屬性定義邊框為boder，html定義屬性格式為width=90%?? css定義屬性格式為style=width：90%；

融合表格：

colspan是從自身開始往右融合幾個（多列）

<table border="1px"style="border-collapse: collapse;" width="90%"><!--這是表頭--><tr><th>季度</th><th colspan="2">收入（元）</th><th colspan="2">支出（元）</th></tr><!--這是第一行內容--><tr style="text-align: center;"><td></td><td>建筑</td><td>房地產</td><td>銷售服務</td><td>辦公</td> </tr><!--這是第二行內容--><tr style="text-align: center;"><td>第一季度</td><td>306000</td><td>282000</td><td>9000</td><td>10000</td></tr><!--這是第三行內容--><tr style="text-align: center;"><td>第二季度</td><td>450000</td><td>364000</td><td>54000</td><td>20000</td></tr></table>

在網頁顯示為：

轉載于:https://www.cnblogs.com/zzq123/p/9798785.html

總結

以上是生活随笔為你收集整理的列表与表格的一些学习的全部內容，希望文章能夠幫你解決所遇到的問題。

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