|
|
| テーブルタグ |
いよいよテーブルタグの紹介。HTMLファイルがアップ出来たとはなぁ〜 圧縮ファイルもアップ出来れば最高なんだが。 テーブルタグは背景タグ同様、コピペでどういう性質かを覚えるのが一番。
<table width="大きさ" style="border:outset 数字px カラーコード;" align=寄せる方向 background="画像ファイル"><td> これは通常のテーブルの役割を果たすテーブルタグ。 widthは大体200でサイドバー程度の大きさとなり、650でメインテーブルの大きさになる。 数字pxの部分に関しては2〜4が標準。大体2か3が主流。 alignの部分に関しては左寄せか中央寄せか右寄せにするかを指定するもの。 左寄せはleft、中央寄せはcenter、右寄せはright <div align=方向>文章等</div>とすれば、文章等の部分が指定した方向に寄せられる。 backgroundに関しては、背景色タグで説明したものと同じ。 中に入力したい文章とHTMLタグを入力したら</table>を入力。 例:<table width="700" style="border:outset 3px #aaddff;" align=center bgcolor="#C71585"><td> このように表示される。
<table width="大きさ"> 透明テーブル。最も重要なテーブルタグ。HPビルダーがあれば、大量に設置出来る。 手動入力ではテーブルとテーブルの間をあけるぐらいの役割しか果たさない。 これである程度、透明テーブルを使いこなせるようになったらHPビルダーを使おう。
<td></td> セルタグ。<table border="数字"></table>の間に入力することによってセルを作ることが出来る。 セルの大きさや枠の色、セルの中の背景色等は上記で紹介しているのと同様、 テーブルタグの中に入力することによって指定出来る。 <td></td>の数だけセルが増える。 borderに関してはどんな数字でもほとんど変化がないが、0だと線がなくなる。 例:<table style="border:outset 3px #aaddff;" border="1"> <td>あいうえお</td> <td>かきくけこ</td> <td>さしすせそ</td> </table>
<tr></tr> 二列目以降のセルを構成するタグ。<tr></tr>の間に上記で紹介したタグを入力し、 これを繰り返すことによって無限に行を増やすことが出来る。 例:<table style="border:outset 3px #aaddff;" border="1"> <td>メニュー1</td> <td>メニュー2</td> <td>メニュー3</td> <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 |
他にも中央寄せや強調タグがあるが、これは文字タグで紹介したタグを、 <td></td>の間に入力すれば同様になるので、覚える必要はない。 例:<table style="border:outset 3px #aaddff;" border="1"> <td><B><div align=center>あいうえお</B></div></td> <td>かきくけこ</td> <td>さしすせそ</td> </table>
中央寄せについては分かりにくいかも知れないが、 <div align=center>によってしっかり中央寄せになっている。
セルタグはともかく、純粋なテーブルタグはやはり覚えにくいところがあるかも知れない。 これはコピペして実践してみればすぐに身につく。
|
HTMLタグ | 固定リンク
| トラックバック:0 | レス:0
(2007/03/26(月) 21:33) |
|
<<朝からバタバタしすぎだって | ホーム | ホームページビルダー>>
コメント
コメントの投稿
トラックバック
トラックバックURLはこちら
http://anyagi.blog97.fc2.com/tb.php/30-08114ebe
この記事にトラックバックする(FC2ブログユーザー)
|
| |
|
欲しい商品を探す

amazonで探す
Aladdinで探す
リンク集

財産作り!内職・副業で頑張る!
カテゴリー

ブログ内検索

RSSフィード

By FC2ブログ


ブログやるならFC2ブログ
|