ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLテーブルの基本構造は何ですか? HTMLテーブルの完全なコードの詳細な説明

HTMLテーブルの基本構造は何ですか? HTMLテーブルの完全なコードの詳細な説明

云罗郡主
云罗郡主オリジナル
2018-11-12 13:46:209651ブラウズ

テーブルは Web ページの制作でよく使用されます。多くの Web サイトでは、多くのテーブルを使用する必要があります。テーブルを使用すると、データが明確になるだけでなく、テーブルがより美しくなります。では、HTML テーブルの基本構造は何でしょうか?以下では、HTML テーブルの完全なコードを詳しく説明します。 [推奨読書: HTML とは何ですか?その基本構造は何を指しますか? ]

HTML テーブルの基本構造は何ですか? HTML テーブルの完全なコードの詳細な説明

テーブルの最も基本的なタグは、table タグ、tr タグ、td タグなどのいくつかの属性です。table タグには

が含まれます。 、構文 表示対象:
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>表格基本结构</title>
</head>
<body>
    <table>        
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
        </tr>
        <tr>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </table>
</body>
</html>

:

HTMLテーブルの基本構造は何ですか? HTMLテーブルの完全なコードの詳細な説明

上記のコードでは、tr はテーブルの行を表し、td はテーブルのセルを表します。 th はテーブルのヘッダーであり、一般的には無視できません。そのうちの tr と td はテーブル内に行数を示すためにいくつかの

を示します。通常、デフォルトでは境界線がないことを意味します。境界線に色を追加したい場合は、ユーザーがデータを見やすくするために CSS を使用して境界線を設定できます。

テクノロジーのアップグレードに伴い、多くのプログラマーは、テーブルを使用して Web サイトをレイアウトすることを選択せず​​、代わりに DIV CSS を選択して Web サイトをレイアウトするようになりました。結果としてコードの冗長性が生じます。

上記は HTML テーブルの基本構造とは何ですか? HTML テーブルの詳細なコードの完全な紹介 Html5 チュートリアル について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。


以上がHTMLテーブルの基本構造は何ですか? HTMLテーブルの完全なコードの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。