レイアウト 画像 リンク ファイル テーブル 小技
テーブルを組もう
・テーブルを配置
<table><tr><td>内容</td></tr><table>
<tr>〜</tr>が行の要素。<td>〜</td>が列の要素でテーブルの内容を入れる。

・テーブルの枠を表示
<table border="枠線の太さ">
""の中に数字を記入するとテーブル枠の太さが指定できる。0を入れると枠線なしになる。

<table border="枠線の太さ" flame="☆">
☆に以下を入れると外枠の表示を指定出来る。
above外枠の上を表示
below外枠の下を表示
lhs外枠の左を表示
rhs外枠の右を表示
hsides外枠の上下を表示
vsides外枠の左右を表示

<table width="幅">〜</table>
テーブル全体の幅を指定。

<table background="画像ファイル">
テーブルの背景に画像を表示。

<table bgcolor="カラーコード">
テーブルの背景色を指定。

・複数のセルにまたがるセル　絶対に覚えましょう

<td colspan="またぐ列の数">〜<td>
<td rowspan="またぐ行の数">〜<td>
またぐ数を指定。テーブルを組む時に一番わかりにくく使用頻度が高いのでしっかり覚えましょう。

□ メモ帳
<table border="1" bordercolor="black" cellspacing="0">
<tr>
<td colspan="2" bgcolor="yellow">
<center>えいちてぃえむえる？</center>
</td>
</tr>
<tr>
<td rowspan="2" bgcolor="pink">
メニュー
</td>
<td>
超すばらしい内容Ａ
</td>
</tr>
<tr>
<td>
超すばらしい内容Ｂ
</td>
</tr>
<tr>
<td colspan="2">
<a href="http://startaffiliate.nobody.jp/" target="blank">一押しサ
イト！</a>
</td>
</tr>
</table>

◎ Internet Explorer - ブラウザ
えいちてぃえむえる？
メニュー 超すばらしい内容Ａ
超すばらしい内容Ｂ
一押しサイト！

<td width="幅">〜</td>
<td height="高さ">〜</td>
セルの幅や高さを指定。

<td align="位置">〜</td>
セル内の文字の横位置を指定。left(左寄せ),center(中央揃え),right(右寄せ)がある。

<td valign="位置">〜</td>
セル内の文字の縦位置を指定。top(上に配置),middle(中央に配置),bottom(下に配置)がある。

Copyright (C) 2006 HTML?. All Rights Reserved.