--.--
--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

12.03
Fri
今回はテーブル内のセルを結合する方法をご紹介します。

(例)入力ソース
<table border="1">
<tr>
<td colspan=3>○</td>
</tr>
<tr><td>×</td><td>○</td><td>×</td></tr>
<tr><td>○</td><td>×</td><td>×</td></tr>
</table>

(表示結果)

××
××


(例)入力ソース
<table border="1">
<tr>
<td colspan=3>○</td>
</tr>
<tr><td>×</td>
<td rowspan=2>○</td>
<td>×</td></tr>
<tr><td>×</td><td>×</td></tr>
</table>

(表示結果)

××
××


widthheightの属性を使用する事でテーブルの大きさを指定する事ができます。

(例)入力ソース
<Table border="1" width="100%" height="300"><Tr><Td ColSpan="3" Align="Center">タイトル</Td></Tr><Tr>
<Td Valign="top">●コンテンツ
●コンテンツ
●コンテンツ
</Td><Td>●コンテンツ
●コンテンツ
</Td><td>●コンテンツ
●コンテンツ
●コンテンツ
</td></Tr><Tr><Td ColSpan="3" align="center">タイトル</Td></Tr></Table>

(表示結果)

タイトル
●コンテンツ
●コンテンツ
●コンテンツ
●コンテンツ
●コンテンツ
●コンテンツ
●コンテンツ
●コンテンツ
タイトル





関連記事
スポンサーサイト

comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/1719-b57c39f1
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 37サイト掲載中

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。