こちらは滋賀県商工会連合会が運営する 滋賀 SHIPS NET のブログです。
滋賀県の優良企業集合体 滋賀 SHIPS NET はこちら。
このブログのトップページはこちら。
↓以下本文です。↓
今回はテーブルタグについて書きたいと思います。
テーブルタグってなんだ?と思われる方も多いかと思いますのでまずはどんなものか見ていただく事にします。
こんなの↓です。
| / | A | B |
| 1 | あ | い |
| 2 | う | え |
この場合3×3の枠が付き、中に数字が入っています。
このように、枠を付けるタグをテーブルタグといいます。
では基本的なものから書いていきましょう。
上記は3×3のテーブルですが1×1(枠が1つのみ)のテーブルがもっとも基本的な形となります。
書き方は、
<table border><tr><td>
ここに文字や写真など
</td></tr></table>
となります。
実際にブラウザで見ると↓の様になります。
|
ここに文字や写真など |
ではこれを3×3のテーブルにしてみましょう。
書き方は、
<table border><tr><td> 1 </td><td> 2 </td><td> 3 </td></tr>
<tr><td> 4 </td><td> 5 </td><td> 6 </td></tr>
<tr><td> 7 </td><td> 8 </td><td> 9 </td></tr></table>
このように記述すると↓のようになります。
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
ここではどの部分がどこに対応しているかわかりやすくするために数字を入れましたが、文章や画像などを入れる事ができますので試してみてください。
(例)
| 名前 | サイズ | 見た目 |
| 商工会ロゴ | 2096バイト | ![]() |
| SHIPSNETロゴ | 17716バイト | ![]() |
※ここで言う「ブログ」とは当ブログ(MOVABLE TYPE)の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

