HTML テーブルの基本プロパティ

无忌哥哥
リリース: 2018-06-29 10:01:22
オリジナル
2492 人が閲覧しました

テーブルは最も重要なデータフォーマットツールであり、フロントエンドとバックエンドの両方に多数のアプリケーションがあります。

まず、いくつかの Web サイトをチェックして、ページ上のどのコンテンツがテーブルを使用して作成されているかを確認してみましょう。

table タグは、HTML でテーブルを作成するために使用されます。このタグは、単に記述するだけでは意味がないため、意味を持たせるために内部のサブタグと組み合わせる必要があります。

テーブル作成の基本原則は、まず行を作成し、次に列を分割することです。行と列はセルと呼ばれ、すべてのユーザー データはセルに配置される必要があります。

ラベル を使用して行を作成し、ラベル を使用してタイトルを作成します。

新しく作成されたテーブルはテーブルのようには見えないことがわかりますが、最も基本的なテーブル行さえありません。これが初期のレイアウトにテーブルが使用された理由です。今使用されています。

次に、このテーブルにいくつかの基本的な属性を追加して、少なくともテーブルのように見えるようにしましょう。

border: テーブルの境界線の幅を設定します。

セル間隔: セル間の間隔を 0 に設定します。これは、セルの端を折り畳むのと同じです。このとき、表の境界線の幅 (1 など) が自動的に使用されます。

cellpadding: コンテンツが密集しすぎないように、セル データと境界線の間の距離を設定します。

整列: セル内のデータの整列モードを設定します。デフォルトでは、右揃えと中央揃えを設定できます。

width: テーブルの幅を設定します。絶対値またはパーセンテージとしての相対値を設定できます。データの変更に適応するために相対値に設定することをお勧めします。

高さ: テーブルの高さを設定します。テーブルの行数の変化に適応するための設定はここにはありません。

りー

以上がHTML テーブルの基本プロパティの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート