HTML テーブルタグチュートリアル (44): テーブルヘッダータグ

<br />ソースコード内で表の構造を明確に区別するために、HTML 言語では、表のヘッダー、表の本体、表のフッターにそれぞれ対応する <thead>、<tbody>、<tfoot> の 3 つのタグを指定します。 <thead> タグは、テーブルの上部にあるヘッダーのスタイルを定義するために使用されます。

基本構文 <head align=value1 bgcolor=color_value valign=value2>構文
Align は水平方向の配置を表します。Left は左、Center は中央、Right は右を意味します。 valign は垂直方向の配置を表し、Top は上、Middle は中央、Bottom は下を意味します。ファイル例: 10-44.htm
タグによってテーブルヘッダースタイルを設定します。
01 
02 
03 
04 
05 <html>
06 <ヘッド>
07 <title>テーブルヘッダーのスタイルを設定する</title>
08 </head>
09 <本文>
10 <テーブル border=3 width=400 height=100 bordercolor=#336699 align="Center">
11 <thead align=center bgcolor=#00ccff>
12 <tr>
13 <td colspan=2>Webページ作成ソフトウェア</td>
14 </tr>
15 </thead>
16 <tr>
17 <td>Web グラフィックソフトウェア</td><td>Fireworks</td>
18 </tr>
19 <tr>
20 <td>Web ページ作成ソフトウェア</td><td>Dreamweaver</td>
21 </tr>
22 <tr>
23 <td>Webアニメーションソフトウェア</td><td>Flash</td>
24 </tr>
25 </表>
26 </本文>
27 </html> ファイルでは、11 行目がテーブルヘッダーのスタイルを定義し、15 行目がテーブルヘッダーの終了を設定していることがわかります。

<<: Vueはテーブルページング機能を実装します

>>: MySQL で単一のフィールド内の複数の値を分割および結合する方法