HTMLのテーブル要素-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLのテーブル要素

Dec 17, 2016 pm 02:01 PM

-- HTML のテーブル要素 [再投稿]
1、

タグ。 <table> タグはテーブルの識別子であり、テーブルの範囲を定義するために使用されます。 <table> タグはペアで使用され、hand タグと tail タグの間の内容がテーブルの内容になります。 <table> タグの属性には主に、border、width、height、align、cellapcing、および cellpasdding が含まれます。これらはすべてオプションです。

1. border 属性のパラメーター値は、テーブルの境界線の幅が占めるピクセル数を表す数値です。パラメーター値を指定せずに使用することもできます。これは、単にテーブルに境界線があることを示します。たとえば、<table border=10> は、表の境界線の幅が 10 ピクセルであることを意味します。

2. width 属性と height 属性は、テーブルのサイズを指定するために使用されます。 width 属性はテーブルの幅を指定するために使用され、height 属性はテーブルの高さを指定するために使用されます。これら 2 つの属性のパラメーター値は数値またはパーセンテージにすることができます。数値はテーブルの幅 (高さ) が占めるピクセルを表し、パーセンテージはテーブルの幅 (高さ) が幅を占めるパーセンテージを表します。ブラウザウィンドウの(高さ)。たとえば、<table width=200 height=50%> は、テーブルの幅が 200 ピクセル、高さがブラウザウィンドウの高さの 50% であることを意味します。

3. align 属性のパラメータ値は left、center、right のいずれかで、それぞれ、表が隣接するテキストの左側に配置されること、表が水平方向の中央に配置されること、表が上に配置されることを意味します。隣接するテキストの右側。例:

<html>

<title>テストページ</head>
<table border=3 width=60% align=left> ;

セル
セル TH>セル

説明同上 <TD>同上</TD>
<TR><TD></TD><TD>同上</ TD>
<TD>別のユニット</TD><TD>次へ</TR>
</table>

テキストの説明テーブルの位置を変更するには、align の属性パラメータを変更するだけです。

4、セル間隔属性。 cellpacing 属性は、テーブル内のセル間のスペースを指定するために使用されます。このプロパティのパラメータ値は、セルギャップが占めるピクセル数を示す数値です。

5、セルパディング属性。セルの内容とセルの境界の間の空白のサイズを指定するために使用されます。この属性のパラメータ値も数値であり、セルの内容と上下の境界線の間の空白距離の高さが占めるピクセル数と、セルの内容と上下の境界線の間の空白距離の幅が占めるピクセル数を表します。セルの内容と左右の境界線。例:

セル
セル
セル
セル
テーブル> HR>
セル属性規定を追加した後の状況: <table border=3 cellpadding=10>
<TH>/TH><TH> /TH>
セル ;

セル

セルセル TR>
</table>
</html> では、先ほど見た見慣れないタグの意味を見てみましょう。

1 つのセル

セル

の表のタイトルは表の右端に揃えられます。

2 つ、

タグ。行ラベルです。 HTML テーブルは行ごとに編成されます。テーブルは複数の行で構成されており、それらに対応する複数のラベルが必要です。行ラベルはペアで使用されるラベルです。行内の各セルの内容を指定する場合は、との間に入れ子になります。 <TR> タグには 2 つの属性があります。つまり、align 属性と valign 属性はどちらもオプションです。

align 属性のパラメータ値は left、center、right のいずれか (後で具体的に説明しますが、この属性のパラメータはすべて 3 つです) はそれぞれ、行内の各セルの内容が左揃えであることを示します。水平方向中央揃えまたは右揃え。デフォルトは left です。valign 属性のパラメータ値は、top、middle、bottom のいずれかで、行内の各セルの内容が上端に近く、垂直方向の中央にあり、下端に近いことを示します。。デフォルトは中間です。

3 つの

タグ。テーブルタイトルのラベルです。ペアで使用するタグです。最初のタグと最後のタグの間の内容がテーブルのタイトルになります。 <caption>align と valign という 2 つの属性があり、どちらもオプションです。

このうち、align属性のパラメータ値はleft、center、rightのいずれかであり、それぞれ表のタイトルを表の左端に、表の中央を右端に揃えることを意味しますテーブルの端。デフォルトでは、テーブルタイトルはテーブルの中央に配置されます。valign 属性のパラメータ値は、top とbottom のいずれかです。つまり、デフォルトでは、テーブルタイトルがテーブルの上と下に配置されます。テーブルの上にあります。例:
<html>
<title>
<body>
<caption=right> ;<b>これはテーブルのタイトルです</b></caption><BR>
<TH>セル</TH><TH>セル<TH>
セル	セル
1	セル	1	セル	セル	セル		2	セル	セル	セル	セル	1 TD>	セル	セルセル	セル
2	セル	セル
セル	セル
1	セル	セル	2	セル	セル	セル
	タグと組み合わせて使用する必要があります。
タグと	タグはセルの内容を指定するために使用され、ヘッダータグはヘッダー要素を指定するために使用されます。ヘッダー要素は通常、各列の最初の行に配置され、列の特定のデータがどのオブジェクトに関連しているかを記述するために使用されます。 <TH> タグはペアになっています。データタグ	もペアで使用され、最初のタグと最後のタグの間の内容は、セルの内容を指定するために使用されます。	タグと	タグのすべての属性と対応する属性関数はまったく同じです。		ラベルの属性には、rowspancolspanalignvalign が含まれます。 (1) rowspan 属性のパラメーター値は数値であり、セルがまたがる行数を示します。デフォルト値は 1 です。 (2) Colspan 属性のパラメーター値も数値であり、セルがまたがる列の数を示します。デフォルト値は 1 です。 (3) align 属性は、セルの内容の水平位置を指定するために使用されます。 3 つのパラメーター値は、セルが左揃え、中央揃え、右揃えのいずれであるかを示します。デフォルトは left (左揃え) です (4) valign 属性は、セルの内容の垂直位置を指定するために使用されます。属性のパラメータ値は、top、middle、bottom のいずれかで、セルの内容が上端に近いか、垂直方向の中央にあるか、下端に近いかをそれぞれ示します。デフォルトは中央 (垂直方向の中央) です。さて、今日はこれで終わりです！見るものが多すぎて覚えるのが大変です。上記は HTML の table 要素の内容です。その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) をご覧ください。