ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML言語分析テーブルのマークアップ

HTML言語分析テーブルのマークアップ

黄舟
リリース: 2016-12-15 13:15:36
オリジナル
1262 人が閲覧しました

この3つを習得するだけで十分だと言えます。
はコンテナ タグです。これは、これがテーブルであることを宣言するために使用され、他のテーブル タグはそのスコープ内でのみ適用できることを意味します。
テーブルの列 (行) をマークするために使用します
セル (セル) をマークするために使用します
パラメータ設定 (一般的に使用されます):
例:


width="400"
テーブルの幅。絶対値 (80 など) と相対値 (80% など) を受け入れます。

border="1"
表の枠線の太さ、ブラウザごとにデフォルト値が異なるため、指定してください。

cellspacing="2"
表のグリッド線の太さは、例 3 を参照してください。これは、グリッド線が 5 に太くなっています。

cellpadding="2"
テキストとグリッドの間の距離。例 4 を参照してください。これは、パディングが 10 に追加されたものです。

align="center"
テーブルの配置位置 (水平) オプションの値は次のとおりです。例 5 または 6 を参照してください。一部のブラウザでは中央に配置されないため、テーブルは中央に配置されます。をサポートするため、センター マーク
が追加されます。これは、もちろん、
のみを使用することもできます。

valign="top"。
テーブル内の書道と絵画の配置位置(垂直)、オプションの値は、上、中、下です。

background="myweb.gif"
フォーム用紙。bgcolor と一緒に使用しないでください。

bgcolor="#0000ff"
フォームの背景色。背景と一緒に使用しないでください。例 6 を参照してください。

bordercolor="#ff00ff"
テーブルの境界線の色、NC および IE には異なる効果があります。例 6 を参照してください。

bordercolorlight="#00ff00"
テーブルの境界線の部分に面するライトの色は、例 2 を参照してください。 『ieのみに適用』

bordercolordark="#00ffff"
表枠のバックライト部分の色です。例2を参照してください。bordercolorlightまたはbordercolordarkを使用する場合、bordercolorは無効になります。 『ie にのみ適用可能』

cols="2"
テーブルフィールドの数によってのみ、ブラウザはテーブルをダウンロードする前にテーブル全体を描画できます。
パラメータ設定 (一般的に使用されます):
例:
align="right"
この列の書道と絵画の配置位置(水平)。オプションの値は、左、中央、右です。

valign="middle"
この列の書道と絵画の配置位置(縦)、オプションの値は、上、中、下です。

bgcolor="#0000ff"
この列の背景色については、例 5 を参照してください。

bordercolor="#ff00ff"
この列の境界線の色については、例 3 を参照してください。 『ie のみに適用』

bordercolorlight="#808080"
この列の境界線の光に面する部分の色は、例 3 を参照してください。 『ieのみに適用』

bordercolordark="#ff0000"
この列の境界線のバックライト部分の色は、例3を参照してください。bordercolorlightまたはbordercolordarkを使用する場合、bordercolorは無効になります。 『ie にのみ適用』
パラメータ設定 (一般的に使用されます):
例:

width="48%"
これは保存されたセル幅。絶対値 (80 など) と相対値 (80% など) を受け入れます。

height="400"
セルの高さ。

colspan="5"
セルが右側に開く列の数。例 6 をご覧ください。

rowspan="4"
このセル内で下方向に開くことができる列の数。例6を参照してください

align="right"
このセル内の書道と絵画の配置位置(水平)、オプションの値は: left、center、rightです。

valign="bottom"
このセル内の書道と絵画の配置位置(縦)、オプションの値は、top、middle、bottomです。

bgcolor="#ff00ff"
このセルの背景色については、例 4 を参照してください。

bordercolor="#808080"
セルの枠線の色については、例3を参照してください。 『ieのみに適用』

bordercolorlight="#ff0000"
セル境界線の光に面する部分の色、例3を参照してください。 『ieのみ適用』

bordercolordark="#00ff00"
セル枠のバックライト部分の色です。例3を参照してください。bordercolorlightまたはbordercolordarkを使用する場合、bordercolorは無効になります。 『ieのみ適用』

background="myweb.gif"
この方眼紙はどちらのbgcolorでも使用できます。
例 1:
ソースコード
/table>
結果の表示

セルが 1 つだけあるテーブル
例 2:
ソース コード
セルが 1 つだけあるテーブル
>

結果を表示

最初の列、最初列、最初の列、2 番目の列
例 3:
ソースコード
< td>最初の列、最初の列
1列目、2列目 tr bordercolorlight="#ff00ff" bordercolordark="#00ff00">

2 列目、1 列目2 列目、2 列目

1 列目、1 列目列、2 列目
2 列目、1 列目 2 列目、2 列目
例 4:
ソースコード

< ;td bgcolor="#ffcce6">最初の列、最初の列

;
最初の列、2番目の列
2 列目、1 列目
2 列目、2 列目

結果を表示

最初の列、最初の列 列 2
列 2 1 列 2 列 2
例 5:
ソース コード







2 列目、3 列目

結果を表示

1列目、1列目、1列目、2列目、1列目、3列目
2列目、1列目、2列目、2列目 2列目と3列目
例 6
ソースコード

最初の列、最初の列
最初の列、3 列目
2 列目、1 列目 2 列目、2 列目



最初の列、2列目、3列目 ;






最初の列、最初の列
2 列目と 3 列目の 1 列目2 列目、2 列目
3 列目、3 列目


結果を表示

最初の列、最初の列 2 と列 3
列 2 と列 3 1 列目 2 列目 2 列目 3 列目
3 番目の列、2 番目の列、3 番目の列、3 番目の列
:

はどちらもセルをマークします。唯一の違いは、 でマークされたセルです。のテキストは太字で表示され、通常は表の最初の列で列を識別するために使用されます。使用方法は、 の位置を置き換えることです。パラメータ設定については、 を参照してください。
もちろん、
でマークされたセル内のテキストに太字マークを追加すると、と同じ効果になります。
例:
ソースコード
>






tr align="center"> ;
48%

;
結果を表示

月間 IE 訪問者の割合 ノースカロライナ訪問者の割合
8 月 61% 39%
7 月 54% 46%
6 月 52% 48%

align="top"
テーブルのタイトル列は、テーブル 投稿の配置位置 (水平)、オプションの値は次のとおりです: left、center、right、top、middle、bottom align="bottom" が使用されている場合、タイトル列はテーブルの下に表示されます。ソースコード内の位置の
IE訪問者のNC訪問者の
8月61%39%
7月54%46%
6月 52%
:

タイトル列を追加します。これは、表の上に罫線付きの列を追加するようなものです。 もちろん、通常はフォームのタイトルを格納するために使用される下に配置することもできます。
パラメータ設定 (一般的に使用されます):
例:
の先頭または末尾に配置されます。

valign="top"
テーブルに対するテーブルのタイトル列の位置 (上と下) オプションの値は次のとおりです。 align="top" または align="bottom" と同じです。繰り返しになりますが、タイトル バーを下に配置し、右または左に貼り付けたい場合は、2 つのパラメータを併用できます。 valign は html 3.0 でのみ開始されたパラメータであるため、パラメータが 1 つしかない場合は、align を優先してください。
例:
ソースコード









8 月 61% 39%

上記は HTML 言語解析テーブルのマークアップの内容です。その他の関連記事については、PHP 中国語 Web サイト (m.sbmmt.com) に注目してください。



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