首頁  >  文章  >  web前端  >  HTML中表格標籤

的介紹(附程式碼)

HTML中表格標籤

的介紹(附程式碼)
不言
不言原創
2018-08-02 09:53:123288瀏覽

這篇文章要跟大家介紹的內容是關於HTML中表格標籤f5d188ed2c074f8b944552db028f98a1的介紹(附程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

表格

表格由 f5d188ed2c074f8b944552db028f98a1 標籤來定義。

每個表格都有若干行(由 a34de1251f0d9fe1e645927f19a896e8 標籤定義),每行被分割為若干單元格(由 b6c5a531a458a2e790c1fd6421739d1c 標籤定義)。

字母 td 指表格資料(table data),即資料單元格的內容。

資料儲存格可以包含文字、圖片、清單、段落、表單、水平線、表格等等。

例如,要畫出如下表格:

分析: 1.分析行,每行是一個tr標籤

    2.從第一行開始,看每行有幾個單元格,幾個單元格就是幾個td標籤

    3.如果是佔用空間為1行1列,省略行數,直接為0f2d6b6549b1008808c133931ec1a1c9b90dd5946f0946207856a8a37f441edf。

上圖的程式碼如下

<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>

相關文章推薦:

html給定標籤選項並新增標籤(附程式碼)

彈性佈局是什麼?彈性佈局flex的基本應用(附程式碼)

#

以上是HTML中表格標籤

的介紹(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn