基本形
<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 |