テーブルの基本知識








基本形
<Table>
<Tr><Td>
内容
</Td></Tr>
</Table>

簡単テーブル表

Table border="" 枠の太さ
Table width="" 枠の横幅
Table height="" 枠の縦幅
Table bgcolor="" 表全体の背景色
Table bordercolor="" 枠の色
Table cellpadding="" 枠と文字の間隔
Table cellspacing="" 枠の幅(枠の太さとは違います)
Table align="" 表の位置[center]中央/[left]左/[right]右
Tr bgcolor="" 表横一列の背景色
Td bgcolor="" 表一セルの背景色
Td align="" 表内文字横位置[center]中央/[left]左/[right]右
Td valign="" 表内文字縦位置[top]上部/[middle]中央/[bottom]下部


基本形に全部加えると

<Table border="数字" width="数字" height="数字" bgcolor="カラーコード" bordercolor="カラーコード" cellpadding="数字" cellspacing="数字" align="位置">
<Tr bgcolor="カラーコード">
<Td bgcolor="カラーコード" align="横位置" valign="縦位置">
内容
</Td></Tr>
</Table>



☆テーブルタグを覚えるこつ
とにかく手ごろでシンプルなテーブルタグをコピペして
上記の[数字][カラーコード][位置]の部分だけを
色々変えてみる、そうすると
「ここの数字を変えると横幅が広がるのかぁ〜」
という感じで各部の装飾方法が分かってきますよ。


ホームページに広告張るなら A8.net
有料ホームページ始めるなら ロリポップ!
無料CGI色々 ACR WEB





ページトップへ



文章の無断転載・タグサンプルの再配布を禁止します。
Copyright © 2005-2006 hide. All Rights Reserved.
全ページリンクフリーです。