表:行とセルの指定
セル内の文字位置を指定する
<tr align="" vAlign=""><td align="" vAlign="">

 <tr>タグや<td>タグに align=""vAlign="" を追加すると、セル内の文字の位置を指定できます。

 <tr align="center" vAlign"top">
align=""
(横方向)
left左に表示(td初期値)
center中央に表示(th初期値)
right右に表示
justify両端揃えで表示
vAlign=""
(縦方向)
top上部に表示
middle中央に表示(初期値)
bottom下部に表示
baseline1行目をベースラインで揃える
<tr>タグに指定した場合 … 同一行の全てのセルに適用されます。
<td>タグ(<th>タグ)に指定した場合 … そのセルにだけ適用されます。
この指定内容は、スタイルシートで代替えできます。

 ★ 使用例とブラウザでの表示
使 用 例   ブラウザの表示
☆align(横方向)の指定
<table border=1 width=280 height=60>
<tr><td align=left>左寄せ</td>
<td align=center>中央寄せ</td>
<td align=right>右寄せ</td></tr>
</table>

左寄せ 中央寄せ右寄せ

※align(横方向)の初期値は、左寄せです。
☆vAlign(縦方向)の指定
<table border=1 width=280 height=60>
<tr><td vAlign=top>上部</td>
<td vAlign=middle>中央部</td>
<td vAlign=bottom>下部</td></tr>
</table>

上部 中央部下部

※vAlign(縦方向)の初期値は、中央部です。
☆<tr>タグと<td>タグで指定
<table border=1 width=280 height=60>
<tr align=center>
<td vAlign=top>上部</td>
<td vAlign=middle>中央部</td>
<td vAlign=bottom>下部</td></tr>
</table>

上部中央部下部

関連するページ
CSS スタイルシートセル内の文字位置:セル内の文字の位置を指定する

セルの大きさ(幅と高さ)を指定する
<td width="" height="">

 <td>タグに width=""height="" を追加すると、セルのサイズを指定できます。

 <td width="400" height="100">
width="" のサイズをピクセル数かパーセントで指定
height="" のサイズをピクセル数かパーセントで指定
※ サイズの指定がない場合は、セルの内容に応じて自動的に調整されます。
<th>タグにもこの指定が行えます。
これらの属性は、HTML4.01では非推奨とされています。詳細は、「非推奨タグと非推奨属性」のページをご覧下さい。非推奨タグのページへ
この指定内容は、スタイルシートで代替えできます。

 ★ 使用例とブラウザでの表示
使 用 例   ブラウザの表示
☆width(横サイズ)をピクセル数で指定
<table border=1>
<tr><td width=100>100ピクセル</td>
<td width=150>150ピクセル</td></tr>
</table>

100ピクセル 150ピクセル
☆width(横サイズ)とheight(縦サイズ)を
 ピクセル数で指定
<table border=1>
<tr height=50>
<td width=100>w100×h50</td>
<td width=150>w150×h50</td></tr>
</table>


w100×h50w150×h50
☆縦と横のサイズをパーセントで指定
<table border=1 width=280 height=100>
<tr height=35%>
<td width=60%>w60%×h35%</td>
<td width=40%>w40%×h35%</td></tr>
<tr height=65%>
<td>w60%×h65%</td>
<td>w40%×h65%</td></tr>
</table>

w60%×h35%w40%×h35%
w60%×h65%w40%×h65%
width属性、height属性は、HTML4.01では非推奨とされています。

関連するページ
CSS スタイルシートセルの幅と高さ:セルの大きさ(幅と高さ)を指定する
Utilety Page (参考)非推奨タグ:「非推奨タグと非推奨属性」へ

セルを結合する
<td colSpan="" rowSpan="">

 <td>タグに colSpan=""rowSpan="" を追加すると、セルを結合できます。

 <td colSpan="2" rowSpan="3">
colSpan="" 横方向に結合するセルの数を指定
rowSpan="" 縦方向に結合するセルの数を指定
※ <th>タグにもこの指定が行えます。

 ★ 使用例とブラウザでの表示
使 用 例   ブラウザの表示
☆colSpan(横方向の結合)を指定
<table border=1>
<tr><td colSpan=2>ホームページ作成</td></tr>
<tr><td>エンジニア</td>
<td>アシスタント</td></tr>
</table>

ホームページ作成
エンジニアアシスタント
☆rowSpan(縦方向の結合)を指定
<table border=1>
<tr><td rowSpan=2>ホームページ作成</td>
<td>エンジニア</td></tr>
<tr><td>アシスタント</td></tr>
</table>

ホームページ作成 エンジニア
アシスタント
☆縦と横を同時に指定
<table border=1><tbody align=center>
<tr><td rowSpan=2 colSpan=2>
多目的ホール</td>
<td>研修室1</td></tr>
<tr><td>研修室2</td></tr>
<tr><td>会議室1</td>
<td>会議室2</td>
<td>談話室</td></tr>
</tbody></table>

多目的ホール 研修室1
研修室2
会議室1 会議室2談話室

※ <tbody>は、行をグループ化するタグです。
「多目的ホール」〜「談話室」を中央寄せに
する役割を果たしています。

セル内での自動改行を禁止する
<td noWrap>

 <td>タグに noWrap を追加すると、セル内の自動改行を禁止できます。

 <td noWrap>セル内の自動改行を禁止します</td>
noWrap を指定している場合でも、<br>タグを入れると改行されます。
<th>タグにもこの指定が行えます。
この属性は、HTML4.01では非推奨とされています。詳細は、「非推奨タグと非推奨属性」のページをご覧下さい。非推奨タグのページへ
この指定内容は、スタイルシートで代替えできます。

 ★ 使用例とブラウザでの表示
使 用 例   ブラウザの表示
☆指定しない場合
<table border=1 width=250>
<tr><td>HTLM TAG リスト:HomePage作成情報
</td></tr>
</table>

HTLM TAG リスト:HomePage作成情報
☆noWrapを指定した場合
<table border=1 width=250>
<tr><td noWrap>HTLM TAG リスト:HomePage
作成情報</td></tr>
</table>

HTLM TAG リスト:HomePage作成情報

※ noWrap を指定した場合、表全体の幅は、
そのセル幅に制約されます。
☆<br>タグを併用した場合
<table border=1 width=250>
<tr><td noWrap>HTLM TAG リスト:
<br>HomePage作成情報</td>
<td noWrap>HTLM TAG list</td></tr>
</table>

HTLM TAG リスト:
HomePage作成情報
HTLM TAG list

※noWrapを指定した場合でも<br>タグは有効です。
noWrap属性は、HTML4.01では非推奨とされています。

関連するページ
CSS スタイルシート自動改行禁:セル内での自動改行を禁止する
Utilety Page (参考)非推奨タグ:「非推奨タグと非推奨属性」へ

見出しのセルを指定する
<th>

 <td>タグの代わりに<th>タグを使用すると、見出しのセルを作成できます。

 <th>見出しのセル</th>
* <th>タグを使用した文字は太字で、セルの中央に表示されます。
細かい設定方法は、<td>タグと同じです。

 ★ 使用例とブラウザでの表示
使 用 例   ブラウザの表示
☆1行目を見出しにする場合
<table border=1>
<tr><th>会社名</th>
<th>業 務</th></tr>
<tr><td>web制作(株)</td>
<td>webの制作と指導</td></tr>
<tr><td>HPservice(株)</td>
<td>HomePageの作成</td></tr>
</table>

会社名業 務
web制作(株)webの制作と指導
HPservice(株)HomePageの作成
☆左の列を見出しにする場合
<table border=1>
<tr><th>会社名</th>
<td>web制作(株)</td>
<td>HPservice(株)</td></tr>
<tr><th>業 務</th>
<td>webの制作と指導</td>
<td>HomePageの作成</td></tr>
</table>

会社名web制作(株)HPservice(株)
業 務webの制作と指導HomePageの作成

セルの文字位置セルの大きさ セルの結合自動改行の禁止 見出しのセル テーブtag リファレンス へ