無料-出会い--キャッシング-アクセス解析
☆★☆テーブルタグ☆★☆
基本テーブルタグ
縦長テーブル
複数テーブル大きさ指定
高さ指定 複数、列またがるテーブル 背景色をかえる 枠のいろ指定

*黒い文字は自分で変更するところです♪


★基本テーブル。

<TABLE border=1><TR>
<TD>
セル1</TD>
<TD>
セル2</TD>
<TD>
セル3</TD>
</TR></TABLE>


+結果+

セル1 セル2 セル3


★縦長テーブル。

<TABLE border=1><TR>
<TD>
一段目</TD>
<TD>
二段目</TD>
<TD>
三段目</TD>
</TR></TABLE>


+結果+

一段目
二段目
三段目

★複数テーブル。

<table border="1">
<td>
セル1 </td>
<td>
セル2 </td>
<tr>
<td>
セル3 </td>
<td>
セル4 </td>
</table>


+結果+

セル1 セル2
セル3 セル4

★大きさ指定。

<table border="1" width="300">
<td>
セル1 </td>
<td>
セル2 </td>
<tr>
<td>
セル3 </td>
<td>
セル4 </td>
</table>



+結果+

セル1 セル2
セル3 セル4


★高さ指定。

<table border="1" width="300" height="100">
<td height="
70"> セル1 </td>
<tr>
<td height="
30"> セル2 </td>
</table>



+結果+

セル1
セル2


★複数、列またがるテーブル。

<table border="1" width="300">
<td colspan="2">
横貫通セル</td>
<tr>
<td>
小セル1</td>
<td>
小セル2</td>
</table>
<br>
<table border="1" width="
300">
<td rowspan="2">
縦貫通セル</td>
<td>
小セル1</td>
<tr>
<td>
小セル2</td>
</table>


TD要素にrowspan属性(行)、colspan属性(列)をつけることで、
複数行、列にまたがるセルを作ることがきます。


+結果+

横に貫通セル
小セル1 小セル2

縦に貫通セル 小セル1
小セル2

★背景色をかえる。

<table border="1" width="300" bgcolor="#FFFF99">
<td>
セル1 </td>
<td>
セル2 </td>
<tr>
<td>
セル3 </td>
<td>
セル4 </td>
</table>


+結果+

セル1 セル2
セル3 セル4

★枠の色指定。

<table border="1" width="300" bordercolor="#ff0000">
<td>
セル1 </td>
<td>
セル2 </td>
<tr>
<td>
セル3 </td>
<td>
セル4 </td>
</table>


+結果+

セル1 セル2
セル3 セル4
【お買い物なら楽天市場!】 【話題の商品がなんでも揃う!】 【無料掲示板&ブログ】 【レンタルサーバー】
【AT-LINK 専用サーバ・サービス】 【ディックの30日間無利息キャッシング】 【1日5分の英会話】