無料のHTMLリファレンス

無料ホームページ素材倉庫
サイトマップ [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
ネット副収入の錬金術の検索 Web サイト

<table>タグ

このタグは図形作成の性質を伴う複雑な物なので、
より詳しく解説する為に他のページと構造が若干異なります。

<table>タグとは?

マス目(セル)を書き、その中にテキストを入れて表などを作りたい時に使います。
その他ホームページのレイアウトに使われたり、様々に応用して使われます。

<tr>、<th>、<td>、等と組み合わせて使います。

表の各部分の名前

表の各部分の名前


属性表

配置、外観関連の属性
属性説明指定する値対応
align表の位置を指定。center,left,rightHTML3,IE2,NN2
height表の縦幅を指定。任意px,%IE2,NN2
width表の横幅を指定。任意px,%HTML3,IE2,NN2
hspace表の左右に空白を作る。ピクセルで指定。任意pxNN2
vspace表の上下に空白を作る。ピクセルで指定。任意pxNN2

枠線関連の属性
属性説明指定する値対応
bordercolor表の外枠の色を指定。任意IE2,NN4
bordercolordark表の外枠の暗い部分の色を指定。任意IE2
bordercolorlight表の外枠の明るい部分の色を指定。任意IE2
cellpaddingセルの外枠とセル中のテキストとの距離をピクセルで指定。任意pxHTML3,IE2,NN2
cellspacing表の外枠とセルの枠との間隔をピクセルで指定。任意pxHTML3,IE2,NN2


背景関連の属性
属性説明指定する値対応
bg背景に画像ファイルを使用する時のファイル名を指定。ファイル名.gif,jpgIE3,NN4
bgcolor背景に色を使用する時の色を指定。任意HTML4,IE2,NN3


使い方

tableの使い方_basic_1


HTMLソース表示

解説

表を作成する順序は決まっていて、好きなセルから作るような事は出来ません。
順序は、左上から右に向かって作成し、改行して次の列に進みます。

  1. <table>で、表作成の開始。
  2. 横1行目の作成
    • <tr>で、横1行目の開始。
    • <th>で、セル1個目の開始。その後書きたい内容を書く。
      <td>と効果は同じですが、文字が太字となります。
      太字にする必要がなければ<td>で良いでしょう。
    • </th>で、セル1個目の終了。
    • <th></th>をあと3回繰り返してセル4個を作成。
    • </tr>で、横1行目の終了。
  3. 横2行目の作成
    • <tr>で、横2行目の開始。
    • <td>で、セル1個目の開始。その後書きたい内容を書く。
    • </td>で、セル1個目の終了。
    • <td></td>をあと3回繰り返してセル4個を作成。
    • </tr>で、横2行目の終了。
  4. 横3行目の作成
    • <tr>で、横3行目の開始。
    • <td>で、セル1個目の開始。その後書きたい内容を書く。
    • </td>で、セル1個目の終了。
    • <td></td>をあと3回繰り返してセル4個を作成。
    • </tr>で、横3行目の終了。
  5. </table>で、表作成の終了。

もくじへ▲このページのトップへ

グラフィック素材
HTMLとJavaScript素材
資料
おすすめランキング
HTML辞典
JavaScript辞典
便利情報
ホームページ運営講座
ホームページ用語集
リンク
Copyright©2004-2018 無料ホームページ素材倉庫 All rights reserved.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送