タグリスト3



タグ1では、真ん中表示・文字の大きさ指定・改行・リンク指定
色のタグを「ベーシックHTML」で書きました
タグ2では、表(=テーブル)について書いて書きました
タグ3では、タグ2を応用したテーブルの例を紹介します
注意*タグは<>も半角で書くコト
(ここでは<>を半角で書いていません)

いろいろなテーブルの例


<div align="center">
<table border="1" cellpadding="1" cellspacing="1" width="400" bgcolor="#ffffff">
<tr><td width="200">あ</td>
<td width="200">い</td></tr>
<tr><td>う</td><td>え</td></tr>
</table></div>



☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡


borderを7に指定した場合


☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡


cellpaddingを7に指定した場合


☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡


cellspacingを7に指定した場合


<div align="center">
<table border="3" cellpadding="2" cellspacing="1" width="300" bgcolor="#ffccff">
<tr><td width="100" align="center">あー</td>
<td width="200">いー
</td></tr><tr><td>
<font color="#ff00ff">うー</font></td>
<td>えー</td></tr>
</table></div>

あー いー
うー えー


☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡


<div align="center">
<table border="3" cellpadding="2" cellspacing="1" width="300" bgcolor="#ffccff">
<tr><td width="100" align="center">あー</td>
<td width="200">いー
</td></tr><tr><td>
<font color="#ff00ff">うー</font></td>
<td height="100">えー</td></tr>
</table></div>

あー いー
うー えー


☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡


<div align="center">
<table border="1" cellpadding="2" cellspacing="3"
width="350" bgcolor="#ffccff">
<tr><td width="150" align="center">あー</td>
<td width="200">いー
</td></tr><tr><td>
<font color="#ff00ff">うー</font></td>
<td>えー<br>おー</td></tr>
</table></div>

あー いー
うー えー
おー


☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡


<div align="center">
<table border="1" cellpadding="2" cellspacing="3"
width="350" bgcolor="#ffccff">
<tr><td width="150" align="center">あー</td>
<td width="200" bgcolor="#ffffcc">いー
</td></tr><tr><td>
<font color="#ff00ff">うー</font></td>
<td bgcolor="#ffffff">えー<br>おー</td></tr>
</table></div>

あー いー
うー えー
おー


☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡☆彡


<div align="center">
<table border="1" cellpadding="2" cellspacing="3"
width="350" bgcolor="#ffccff">
<tr><td width="150" align="center">あー</td>
<td width="200" bgcolor="#ffffcc">いー
</td></tr><tr><td>
<font color="#ff00ff">うー</font></td>
<td bgcolor="#ffffff"> <img src="c-r.gif"></td></tr>
</table></div>

あー いー
うー


もっと複雑なテーブルを知りたい方だけ
こちらタグ4へ