HTML中表格標(biāo)簽<table>有什么用

發(fā)布時(shí)間：2020-12-05 11:01:51 來源：億速云閱讀：223 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)HTML中表格標(biāo)簽<table>有什么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

表格

表格由 <table> 標(biāo)簽來定義。

每個(gè)表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。

字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。

數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

例如，要畫出如下表格：

HTML中表格標(biāo)簽<table>有什么用

分析：　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)簽<table>有什么用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

HTML中表格標(biāo)簽<table>有什么用

表格

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽