HTML中表格標(biāo)簽<table>的說(shuō)明（附代碼）
發(fā)表時(shí)間：2023-09-07 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這篇文章給大家介紹的內(nèi)容是關(guān)于HTML中表格標(biāo)簽<table>的介紹（附代碼），有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。表格表格由 <table> 標(biāo)簽來(lái)定義。每個(gè)表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <...
這篇文章給大家介紹的內(nèi)容是關(guān)于HTML中表格標(biāo)簽<table>的介紹（附代碼），有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。
表格
表格由 <table> 標(biāo)簽來(lái)定義。
每個(gè)表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。
字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。
數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
例如，要畫出如下表格：
分析： 1.分析行，每行是一個(gè)tr標(biāo)簽
2.從第一行開始，看每行有幾個(gè)單元格，幾個(gè)單元格就是幾個(gè)td標(biāo)簽
3.如果是占用空間為1行1列，省略行數(shù)，直接為<td></td>。
上圖的代碼如下
<body>
<table width="400" height="400" border="2">
<!-- 第1行 -->
<tr>
<td colspan="4" bgcolor="aqua"></td>
</tr>
<!-- 第2行 -->
<tr>
<td rowspan="4" bgcolor="antiquewhite"></td>
<td colspan="3" bgcolor="antiquewhite"></td>
</tr>
<!-- 第3行 -->
<tr>
<td rowspan="3" bgcolor="aquamarine"></td>
<td colspan="2" bgcolor="aquamarine"></td>
</tr>
<!-- 第4行 -->
<tr>
<td rowspan="2" bgcolor="bisque"></td>
<td bgcolor="bisque"></td>
</tr>
<!-- 第5行 -->
<tr>
<td></td>
</tr>
</table>
</body>相關(guān)文章推薦：
html給定標(biāo)簽選項(xiàng)并添加標(biāo)簽（附代碼）
彈性布局是什么？彈性布局flex的基本應(yīng)用（附代碼）
以上就是HTML中表格標(biāo)簽<table>的介紹（附代碼）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
