ホームページ > 記事 > ウェブフロントエンド > HTML テーブルタグ _HTML/Xhtml_Web ページの制作に関する簡単な説明

HTML テーブルタグ _HTML/Xhtml_Web ページの制作に関する簡単な説明

WBOYオリジナル: 2016-05-16 16:42:141501ブラウズ

主にその構造といくつかの重要な特性について説明します。少しずつ改善しながら紹介していきます。
1) 基本的な構造は次のとおりです。はテーブル内の行を表し、は行内の列を表します。列と言えば、実際には
Word のセルとして想像できます。は実際にはセルですが、テーブルのタイトルとして使用されます。意味論的な観点から見ると、
は次のようになります: はテーブル内のデータ単位を示し、はテーブル内の列または行のタイトルを示します。

コードをコピーします

コードは次のとおりです。

2) タイトルは行タイトルまたは列タイトルの場合があります。それを区別するにはどうすればよいですか?スコープ属性scope=row/colを使用する必要があります。

コードをコピーコードは次のとおりです:

<🎜; >< /table>

3) テーブルにも独自のタイトルがあります

コードは次のとおりです:

テーブルタイトル

4) テーブルを指定します導入概要属性を追加します

コードをコピー

コードは次のとおりです:

< /th>

そしてコラム。そして、それぞれの

テーブルタイトル

5) テーブルの境界モデルとセルのデフォルトのパディング。
表の境界線は、分離と結合の 2 つの方法で表示できます。 border-collapse: Separate/collapse IE6 のデフォルトのスタイルは
セパレートで、立体的に見えます。実際には、各セルに独自の独立した境界線があるだけです。結合は共有境界線です。 table { border-collapse: Collapse; }
デフォルトではセル間に空白がありますが、IE6 ではこれをサポートしていないため、これを制御することができます。 IE6
セル間隔を使用します。

コードをコピー

コードは次のとおりです: <表の概要="これはテーブルの内容の紹介です。"cellspacing="0">

テーブルタイトル

に ID を追加します。

コードをコピーします<🎜><🎜>コードは次のとおりです:<🎜>

;
名前
アドレス生年月日

テーブルを複数の論理領域に分割した後、CSS を使用してパフォーマンスをより適切に
制御できます。

コードをコピー

コードは次のとおりです:

<表の概要="これはテーブルの内容の紹介です。"cellspacing="0">

< th スコープ="col " id="name">名前

アドレス Col" id ="databirthday">生年月日

< ;td>
>
私のこのエッセイはテーブルの構造について簡単に説明しただけですが、お役に立てば幸いです。

声明：

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

前の記事：html Frame、Iframe、Framesetの違い_HTML/Xhtml_Webページ制作次の記事：html Frame、Iframe、Framesetの違い_HTML/Xhtml_Webページ制作

続きを見る

テーブルタイトル
ewee	>	湖北
880103	19870205 > 7) テーブルを論理的に分割します
湖北	武漢	419880103
19870205	>

HTML テーブルタグ _HTML/Xhtml_Web ページの制作に関する簡単な説明

関連記事