表をつくる（6）タグのまとめ
これまでに紹介したテーブルタグを、まとめて一覧にして紹介したいと思います
関連ページ）
・表をつくる
├表をつくる（1）基本
├表をつくる（2）表の飾り方
├表をつくる（3）複数の枠の表の飾り方
├表をつくる（4）表の大きさを変える
├表をつくる（5）枠線を変える
├表をつくる（6）タグのまとめ
└表を応用して色々つくろう
| 基 本 タ グ | |
|---|---|
| <table> | 表全体を指定する。ここに書いたタグは枠全体に適用される。 |
| <td> | 縦に1段を作り、色などのタグを指定すると横1列全部のセルに適用されます。 |
| <td> | 横に1段を作り、文字はこのタグの後ろに書きます。1つのセルに対して指定したい時もこの後ろに書く。 |
| 装 飾 タ グ | |
| <border> | 外枠を立体的にする。border="3"の様にできて、数字を大きくするとより立体的になる。 |
| <cellspacing="数字" > | 外枠の太さを変える事ができる。 |
| <bgcolor="色"> | テーブルやセルに色を付けることができる。 |
| <bordercolor="色" > | 外枠を2重線にして色もつける事ができます。 |
| <bordercolorlight="色"> | 立体的になった外枠の明るい部分の色を指定できます。 |
| <bordercolordark="色"> | 立体的になった外枠の暗い部分の色を指定できます。 |
| <background="URL"> | 背景に画像を使うことができます。 |
| 大きさ・位置タグ | |
| <width="数字"> | セルなどの横の長さを指定する事ができる。 |
| <height="数字" > | セルなどの縦の長さを指定する事ができる。 |
| <align=""> | 文字の横の位置を指定できます。leftが左・centerが真ん中・rightが右。 |
| <table align=""> | tableにalignタグを追加すると、表の横に文字を書く事ができる様になります。leftで表が左で文字が右・rightで表が右で文字が左。 |
| <valign=""> | 文字の縦の位置を指定できます。topが上・middleが真ん中・bottomが下。 |
| <nowrap> | tdタグにnowrapを追加すると、セル内での文字の自動改行を禁止することができます。 |
| <cellpadding="数字"> | 外枠と文字の隙間を変える事ができます。 |
| <rowspan="数字"> | 縦にセルを数字の数だけ結合できます。 |
| <colspan="数字"> | 横にセルを数字の数だけ結合できます。 |
| <th> | tdの変わりにthを使うと見出しになる。 |
| <caption> | 表のタイトルを作る事ができます。 |
| <caption align=""> | タイトルの表示位置を指定できます。topが上部中央、bottomが下部中央、leftが左寄り、rightが右寄り。 |
| 線の種類タグ | |
| <style="border:"〜"> | 好きな線の種類に変える事ができる。 |
| <frame=""> | 外枠の表示方法を変える事ができる。 |
| <rules=""> | 内枠の表示方法を変える事ができる。 |
関連ページ）
・表をつくる
├表をつくる（1）基本
├表をつくる（2）表の飾り方
├表をつくる（3）複数の枠の表の飾り方
├表をつくる（4）表の大きさを変える
├表をつくる（5）枠線を変える
├表をつくる（6）タグのまとめ
└表を応用して色々つくろう
|
｜
｜- タグのお勉強 |
- Comment (0) |
- Trackback (0) |
- ▲
コメント
この記事のトラックバックURL
http://rgrg.blog61.fc2.com/tb.php/87-60316395
』をクリックするとメニューが開きます。
