テーブル作成の基礎
|
<TABLE><TR><TD>
～</TD></TR></TABLE>
このタグは絶対覚えようｗ
|
|
|
枠の太さを変える
|
BORDER="数字"
CELLSPACING="数字"
|
|
|
セルの融合
|
<TD ROWSPAN="数字">
<TD COLSPAN="数字">
|
|
|
表やセルの大きさ指定
|
WIDTH="数字"
HEIGHT="数字"
|
|
|
セル内のテキスト位置指定
|
ALIGN="左右から見た位置"
VALIGN="上下から見た位置"
|
|
|
セル内の改行禁止
|
<TD NOWRAP>
|
|
|
表にタイトル
|
<CAPTION>
<TH>
|
|
|
枠の表示形式を指定
|
FRAME="表示する場所"
RULES= "cols" "rows" "none"
|
外枠の左右のみ表示で、内枠の横線のみ表示とか
|
|
回り込み指定と解除
|
<TABLE ALIGN="left">
<TABLE ALIGN="right">
<BR CLEAR="all">
|
テーブルの横に字を書いたり画像張ったりできます。
それを回り込みと呼びます。
|
ここからは色つきテーブル
|
外枠に色をつける
|
BORDERCOLOR="カラーコード"
|
|
|
表の中に色をつける
|
BGCOLOR="カラーコード"
|
|
|
表に背景画像をつける
|
BACKGROUND="画像URL"
|
|
|
枠を２色使いにする
|
BORDERCOLORLIGHT="上部カラーコード"
BORDERCOLORDARK="下部カラーコード"
|
| 濃い水色と薄い水色の枠を使ってみました。【ＩＥのみかもしれない】 |
|
|
表をスタイルシート装飾
|
<TABLE Style="スタイル指定">
<TD Style="スタイル指定">
|
|
cssで色んな枠の形にできるよ。
その他にも画像の配置や透過なども出来マス。
|
|
|
触れると背景変化
|
onmouseover="マウスを乗せたときの効果"
onmouseout="マウスを離した後の効果"
|
|
|
まとめと応用
|
今まで出てきたタグを組み合わせた技とかｗ
|
| | |
このようなチョー簡単で基本的なデザインテーブルの作り方とかNё
|
|
