がっちゃんのProject-Q

テーブル基本編

大魔神塾のタグを全て半角表示にしました!(そのままコピペOK)

テーブルタグを使う
<table border="1"> <tr> <td> 1行目のA </td><td> 1行目のB </td><td> 1行目のC </td> </tr><tr> <td> 2行目のA </td><td> 2行目のB </td><td> 2行目のC </td> </tr> </table>

1行目のA 1行目のB 1行目のC
2行目のA
2行目のB 2行目のC


表作りでんな、そんじゃあ早速解説しましょうね。

表を作るには、 <table> というタグを使います。
<border="1"> は枠線の事です、画像のページでやってますね?

<tr>  これが行を指定するタグです。行ごとに <tr> から始まって、 </tr> で1行が終わる訳です。
これに挟んだモノが同じ行、つまり横に並ぶ事になります。
2行目も <tr> から始めて、 </tr> で閉めてくださいね。

次は、行の中の項目です。 <td> というタグを使います。
項目を <td> </td> で挟んで下さい。
タグとにらめっこすれば、猿でもわかるのだ♪

<td> の代わりに <th> を使うと、太字でセンター表示されます。
見出しには最適なタグです、こうなります。

1行目のA 1行目のB 1行目のC
2行目のA
2行目のB 2行目のC


必ず最後を </table> で閉めて下さいね。

項目は色々応用が利きます、画像アドレスを入れてもいいし、リンクバナーを入れてもいいですね。



テーブルタグは表作りだけでなく、レイアウトに使用されます。 ここのトップページも数多くのテーブルタグで作られています。 ボーダーを入れて表示すると判ると思いますが、小分けされているのを確認してみてください。


 お勧めリンクのご案内

 管理人からの一言

便利なフリーソフトの紹介なのだ。

楽天の画像の倉庫にアップするとき、50kバイト以下にしないといけないよね?
デジカメで撮った写真でもドラッグ&ドロップするだけで、
即座にファイルサイズを小さく出来ます。(49kバイトに指定出来ます)

大きさ(ピクセル)も同時に指定サイズに変換。
楽天やってる人なら持ってると大変便利です。   見に行ってみる?


清原に投票しておくれ。

 更新情報
。・ 大魔神塾 のタグを全て半角表示にしました!(そのままコピペOK)
。・ ゴルフ3のミラーサイトopen!
 注意事項
楽天のタグ制限により、大魔神塾のタグで使用できないものは削除しました。現在使用できるタグだけ更新してあります。
無料スペースを提供されている以上、やむを得ない事ですのでご了承願います。












© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: