|
tdの属性
次に<td>の属性を説明していきます。<table>と同じ属性がほとんどですので、混乱しないように少しずつ自分のペースでやっていきましょう。
<td bgcolor="〇"> また bgcolor が出てきましたね。この属性は個別の<td>ごと背景の色を変えることができます。デザインを考える時は結構使う頻度が高いと思いますよ
<td width="〇" height="〇"> これも先ほど出てきたものと仕組みは一緒です。ただ注意しなければならないのが、隣り合うセル(枠に囲まれた場所)にもその属性が移ってしまうのです。例を出すと、「吉宗」という文字の枠だけをwidth="200" height="50"に指定したとします。その結果どうなるかというと
「吉宗」の枠だけをサイズ変更したはずなのに、左隣の「名前」の枠はheightが50に変化してますし、下の「俵を投げること」のheightは200に変化しています。つまりひとつだけ大きさを自由に設定することはできないんですね。これは言葉ではうまく説明できないのであとは実際にやってみて慣れるしかないです。（説明下手ですいません・・） <td align="〇" valign="〇"> 普段セル（tdタグ）内のテキストは、位置指定のない場合は左揃え、縦方向のテキストは上下の中央に配置されます。alignやvalignはこの配置を自在に変えることのできる属性です。 横方向はalign属性で指定し、left(左揃え)、center(中央)、right(右揃え)になります。 縦方向はvalign属性で指定し、top(最上)、middle(中央)、bottom(最下)となります。 わかりやすいように下に一覧を作ってみました。
次へ進む |