ブログに 表が組み込まれているのがありますよね
例えば、こんなのとかです
| 平日 | 通常運行 |
| 土日 | 休日運行 |
これは タグを使って作成します
今回はテーブルをhtmlのみ使用で 試してみました
テーブルを使った例です
＜ とりあえずシンプルバージョンです ＞
| 今日 | 晴れのち曇り |
| あした | 雨 |
| あさって | 快晴 |
<table border=”1″>
<tbody>
<tr>
<td>今日</td>
<td>晴れのち曇り</td>
</tr>
<tr>
<td>あした</td>
<td>雨</td>
</tr>
<tr>
<td>あさって</td>
<td>快晴</td>
</tr>
</tbody>
</table>
＜ 表自体を中央に表示します ＞
| 今日 | 晴れのち曇り |
| あした | 雨 |
| あさって | 快晴 |
<table border=”1″ align=”center”>
<tbody>
<tr>
<td>今日</td>
<td>晴れのち曇り</td>
</tr>
<tr>
<td>あした</td>
<td>雨</td>
</tr>
<tr>
<td>あさって</td>
<td>快晴</td>
</tr>
</tbody>
</table>
＜ 枠内で文字を中央に表示します ＞
| 今日 | 晴れのち曇り |
| あした | 雨 |
| あさって | 快晴 |
<table border=”1″>
<tbody>
<tr align=”center”>
<td>今日</td>
<td>晴れのち曇り</td>
</tr>
<tr align=”center”>
<td>あした</td>
<td>雨</td>
</tr>
<tr align=”center”>
<td>あさって</td>
<td>快晴</td>
</tr>
</tbody>
</table>
＜ 表の横幅を指定します ＞
| 今日 | 晴れのち曇り |
| あした | 雨 |
| あさって | 快晴 |
<table border=”1″ width=”300″>
<tbody>
<tr>
<td>今日</td>
<td>晴れのち曇り</td>
</tr>
<tr>
<td>あした</td>
<td>雨</td>
</tr>
<tr>
<td>あさって</td>
<td>快晴</td>
</tr>
</tbody>
</table>
＜ 表の背景色を指定します ＞
| 今日 | 晴れのち曇り |
| あした | 雨 |
| あさって | 快晴 |
<table border=”1″ bgcolor=”#d0d0f0″>
<tbody>
<tr>
<td>今日</td>
<td>晴れのち曇り</td>
</tr>
<tr>
<td>あした</td>
<td>雨</td>
</tr>
<tr>
<td>あさって</td>
<td>快晴</td>
</tr>
</tbody>
</table>
上記の例をまとめると
・中央寄せ、左寄せ、右寄せ
align=”center”
align=”left”
align=”right”
・横幅の指定
width=”値”
・背景色の指定
bgcolor=”色”
htmlの限界 これ以上はCSSでしょうか
他にも試したのですが、うまく表示されませんでした（無視された？）
正直これだけでは、表としては なさけないデザインです
これ以上はCSSを使用するしかないようです
いろいろなブログでも 綺麗な表が多いので、おそらくCSSで対応していると思います
なによりブログ作成が楽です
コメント