HPで表を創るタグ・・・＜TABLE＞ ＜/TABLE＞

今日の小技の紹介は・・・ＨＰ上で表を創るタグのご紹介です。

• 　＜TABLE＞　＜/TABLE＞

　※　＜TABLE＞タグは表を創るタグです。表だけでなく、文章や画像の配置を思い通りにしようとすればこのタグを使用します。

• 一番単純なテーブルは
  　＜TABLE border＞
  　＜TR＞＜TD＞一番単純なテーブル＜/TD＞＜/TR＞
  　＜/TABLE＞
  と命令すれば・・・
  　　

  一番単純なテーブル

  
  ※　borderは罫線で囲む場合の太さをborder=数字で指定できます。罫線が要らない場合はborder=0
  　　＜TABLE＞と＜/TABLE＞の間に＜TR＞と＜TD＞と云うタグで行や列を指定します。
  
  
• 例えば1行を増やして、罫線も太くしたい時・・・
  　＜TABLE border=4＞
  　＜TR＞＜TD＞一番単純なテーブル＜/TD＞＜/TR＞
  　＜TR＞＜TD＞1行が増えました＜/TD＞＜/TR＞
  　＜/TABLE＞
  　

  一番単純なテーブル

  1行が増えました

  
  
  
• 1列増やして、罫線をもっと太くしたい時・・・
  　＜TABLE border=6＞
  　＜TR＞
  　＜TD＞一番単純なテーブル＜/TD＞
  　＜TD＞1列が増えました＜/TD＞
  　＜/TR＞
  　＜/TABLE＞
  　

  一番単純なテーブル

  1列が増えました

  
  
  
• 最後におまけですが罫線の色を変えたい時・・・
  　＜TABLE border=6 bordercolorlight="skyblue" bordercolordark="orange"＞
  　＜TR＞
  　＜TD＞一番単純なテーブル＜/TD＞
  　＜TD＞1列が増えました＜/TD＞
  　＜/TR＞
  　＜/TABLE＞
  

  一番単純なテーブル

  1列が増えました

  
  ※　左上の明るい色目・・・bordercolorlight="色番か色"
  　　右下の濃い色目・・・bordercolordark="色番か色"
  

今日は、少し張り切ってしまいました・・・

今日の小技は如何でしたか？

ホームページ創りが楽しく成りそうでしょ！！