HTML のテーブルタグ <table> の紹介 (コード付き)-htmlチュートリアル-php.cn

ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML のテーブルタグの紹介 (コード付き)

不言

リリース： 2018-08-02 09:53:12

オリジナル

3249 人が閲覧しました

この記事では、HTML の

タグの概要を紹介します (コード付き)。必要な方は参考にしていただければ幸いです。

テーブル

テーブルは

タグで定義されます。

各テーブルには複数の行 (

タグで定義) があり、各行は複数のセル ( を使用します。

上の画像のコードは次のとおりです

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

ログイン後にコピー