テーブルの基本知識



トップページ コピペの方法 ワンポイント講座
文字
基本的文字変化 文章変化 文字を動かす フィルター文字 オンマウス文字 オンクリック文字 リンク文字 装飾文字 特殊文字 wingdings wingdings応用 テキストボックス タグアイコン java.s文字
画像
画像を動かす リンク画像 オンマウス画像 オンクリック画像 フィルター画像 背景に画像(壁紙)
テーブル
テーブルの基本
色々な枠表示 フィルターテーブル 装飾テーブル
ボタン
ノーマルボタン 装飾ボタン ボタン効果一覧
フィールドセット
フィールドセット
スクロールバー
装飾スクロールバ- バーの各部配色
フレーム
フレームとは フレームレイアウト インラインフレーム
一覧表/その他
文字数チェッカー カラーパレット 簡易文字タグ表 囲い枠一覧 ライン一覧 フォント一覧 タグお試し Q & A おまけ
リンク
自動相互リンク おすすめリンク リンクについて
管理人hideへ
みんなの掲示板 お問い合わせ アンケート 作成依頼
A8.net ホームページを始めよう
ロリポップ!
ACR WEB


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





ページトップへ

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