HTMLウェブページテーブル構造化マークアップの応用に関する簡単な説明

物件名

プロパティ値

例示する

整列する

トップ

表の上のタイトル

底

表の下のタイトル

概要:表のタイトルを設定することで、いつでも表とともにタイトルを移動させることができます。

HTML インライン形式

テーブルのインライン形式とは何ですか?これは、Excel で列全体に背景色を追加したときに通常表示されるものです。

物件名

プロパティ値

例示する

整列

左

左車線維持

中心

試験に合格する

右

右に寄れ

ヴァリン

右

右に寄れ

トップ

合格

真ん中

底

より低い

スパン

番号

インライン数

要約:テーブルの列のフォーマットを設定することで、必要なコンテンツの色を濃くすることができます。ここでは、列のコンテンツのみに焦点を当てます。

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

XML/HTML コードコンテンツをクリップボードにコピー

<html>
<ヘッド>
< li >ネストされたテーブルの使用 1 </ li >
<表幅= "500" >
< tr >
< td align = "center" >生徒の成績表</td>
</tr>
< td >
<表境界線= "1" 幅= "100%" >
<スレッド>
< tr >
< th >名前</ th >
< th >中国語</ th >
< th >数学</ th >
< th >外国語</ th >
</tr>
</スレッド>
< tボディ>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
</ tbody >
< tfoot >
< tr >
< td colspan = "4 " >結果の概要</td>
</tr>
</ tfoot >
</表>
</ td >
</tr>
</表>
<br />
< li >ネストされたテーブルの使用 2 </ li >
<表境界線= "1" 幅= "500" >
<キャプション align = "bottom" >生徒の成績</ caption >
<スレッド>
< tr >
< th >名前</ th >
< th >中国語</ th >
< th >数学</ th >
< th >外国語</ th >
</tr>
</スレッド>
< tボディ>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
</ tbody >
< tfoot >
< tr >
< td colspan = "4 " >結果の概要</td>
</tr>
</ tfoot >
</表>
<br />
< li >ネストされたテーブルの使用 3 </ li >
<表境界線= "1" 幅= "500" >
<キャプション align = "bottom" >生徒の成績</ caption >
<列 > </列>
<列 bgcolor =青> </ col >
<スレッド>
< tr >
< th >名前</ th >
< th >中国語</ th >
< th >数学</ th >
< th >外国語</ th >
</tr>
</スレッド>
< tボディ>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
< tr >
< td >張三</ td >
< td > 95 </ td >
< td > 95 </ td >
< td > 95 </ td >
</tr>
</ tbody >
< tfoot >
</ tfoot >
</表>
</本文>
</ヘッド>
</html>

以上が、エディターがお届けするHTMLウェブページテーブル構造化マークアップの応用内容のすべてです。皆様のお役に立てれば幸いです。123WORDPRESS.COMを応援してくださいね～

Web テーブルの構造マークアップについて説明する前に、いくつかの画像を見てみましょう。 HTML テーブルの構造化いわゆる構造化とは、上記の最初の図に示すように、テーブルをヘッダー、本文、フッターの 3 つのタイプに分割することです。したがって、テーブル本体を変更しても他の 2 つの部分には影響がないため、結合が解除され、アプリケーションが容易になります。構造化フォーマット XML/HTML コードコンテンツをクリップボードにコピー <表> < thead > … </ thead > --------ヘッダー領域 < tbody > … </ tbody > --------- 表本体領域 < tfoot > … </ tfoot > ------------表のフッター領域 </表> 要約:表を 3 つの部分に分割すると、表の編集が容易になります。 HTML テーブルタイトル上記の 2 番目の図に示すように、各テーブルには独自のタイトルがありますが、コンテンツに合わせてタイトルを移動させるにはどうすればよいでしょうか。表のタイトル XML/HTML コードコンテンツをクリップボードにコピー <表> <キャプション> … </キャプション> </表> <caption> の下の属性値は次のとおりです。