列表与表格的一些学习
列表分為無序列表和有序列表
無序列表:
無序列表是一個(gè)項(xiàng)目的列表,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記。
無序列表始于 <ul> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li>。
<ul> <li>Coffee</li> <li>Milk</li> </ul>網(wǎng)頁顯示為:●Coffee
??? ●Milk
有序列表:
?? 同樣,有序列表也是一列項(xiàng)目,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。
有序列表始于 <ol> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li> 標(biāo)簽。
<ol> <li>Coffee</li> <li>Milk</li> </ol>網(wǎng)頁顯示為:1 Coffee
2 Milk
其中列表屬性type可以定義前面序號(hào)的類型:如type=1,則顯示阿拉伯?dāng)?shù)字1234 ? type=A,則顯示ABCD
類型主要有 1?? A?? a?? i??? I?? 等等
其中start可以控制編號(hào)開始的數(shù)字例如:
<ol type="A" start="2" ><li>銀河系</li><li>太陽系</li><li>地球</li> </ol>在網(wǎng)頁顯示為:? B 銀河系
? C 太陽系
? D 地球
Table表格:
?
table是副標(biāo)簽,它的子標(biāo)簽有: tr(行)、th(表頭)、td(內(nèi)容)
table屬性定義邊框?yàn)閎oder,html定義屬性格式為width=90%?? css定義屬性格式為style=width:90%;
融合表格:
colspan是從自身開始往右融合幾個(gè)(多列)
<table border="1px"style="border-collapse: collapse;" width="90%"><!--這是表頭--><tr><th>季度</th><th colspan="2">收入(元)</th><th colspan="2">支出(元)</th></tr><!--這是第一行內(nèi)容--><tr style="text-align: center;"><td></td><td>建筑</td><td>房地產(chǎn)</td><td>銷售服務(wù)</td><td>辦公</td> </tr><!--這是第二行內(nèi)容--><tr style="text-align: center;"><td>第一季度</td><td>306000</td><td>282000</td><td>9000</td><td>10000</td></tr><!--這是第三行內(nèi)容--><tr style="text-align: center;"><td>第二季度</td><td>450000</td><td>364000</td><td>54000</td><td>20000</td></tr></table>在網(wǎng)頁顯示為:
轉(zhuǎn)載于:https://www.cnblogs.com/zzq123/p/9798785.html
總結(jié)
以上是生活随笔為你收集整理的列表与表格的一些学习的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 蒟蒻JZZ的犯错汇总
- 下一篇: 常见Json字符串反序列化处理方式总结