ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > タグのお勉強 > title - 表をつくる(6)タグのまとめ

表をつくる(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)タグのまとめ
表を応用して色々つくろう


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/87-60316395   

Template Designed by DW99