知って得する! 何でも情報屋
   
  >> ホーム
  >> RSS1.0
FC2カウンター

現在の閲覧者数

アクセス数

プロフィール

管理人:anyagi
ホームページ
メールアドレス
anyagi@hotmail.co.jp

掲示板

雑談掲示板
連絡掲示板

最近の記事

最近のコメント

月別アーカイブ

FC2ブログランキング

FC2ブログランキング

商品情報

iconicon Core2Duo + 高速グラフィックカード搭載の3Dノート! icon

友達申請フォーム

この人と友達になる

 テーブルタグ
いよいよテーブルタグの紹介。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ブログユーザー)

copyright © 2005 知って得する! 何でも情報屋 all rights reserved.
Powered by FC2ブログ. / PHPウェブログシステム3 / ネットマニア
FC2ブログ 紹介予定派遣