當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML5中各种标签总结（列表标签、表格标签）

發布時間：2025/3/21 HTML 16 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML5中各种标签总结（列表标签、表格标签）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

無序列表<ul></ul>

type:可以設置列表前圖標的樣式 type="square"

有序列表<ol></ol>

type:可以設置列表的標號：1,a,A,i,I
start:設置起始標號

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><body><h1>學習</h1><ul><li>python</li><li>java</li><li>jmeter</li><li>shell</li></ul><h1>學習</h1><ol><li>python</li><li>java</li><li>c</li><li>jmeter</li></ol></body> </html>

效果展示：

表格標簽<table></table>

tr:行
td:單元格
th:特殊單元格：表頭效果：加粗，居中
默認情況下表格是沒有邊框的，通過屬性來增加表框：
border:設置邊框大小
cellspacing：設置單元格和邊框之間的空隙
align=“center” 設置居中
background設置背景圖片 background=“img/ss.jpg”
bgcolor:設置背景顏色
rowspan:行合并
colspan：列合并

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>表格標簽</title></head><body><table border="1px" cellspacing="0px" width="400px" height="300px" bgcolor="azure"><tr><th>學號</th><th>姓名</th><th>年紀</th><th>成績</th></tr><tr><td>001</td><td>qq</td><td>18</td><td>100</td></tr><tr><td>002</td><td>ww</td><td>19</td><td>90</td></tr><tr>``<td>002</td><td>tt</td><td>20</td><td>88</td></tr></table></body> </html>

總結

以上是生活随笔為你收集整理的HTML5中各种标签总结（列表标签、表格标签）的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： HTML5中各种标签总结（超链接标签、锚
下一篇： html5之form表单