背景画像/枠線指定/table

□table
2ページ/7ページ

【tableの基本形】


  • 「tableの範囲」

    <table>〜</table>で囲まれた部分が『表』として表示されます。


    [border属性]

    border="外枠の太さ(ピクセル数)"

    border属性で外枠の太さ(ピクセル数)を指定しない場合、ブラウザの初期設定値で表示されます。

    ピクセル数=半角数字


  • 「tableの内容」

    「tr」

    行(横の区切り)を定義します。

    <tr>〜</tr>で囲まれた範囲が1行になります。


    「th」

    列(縦の区切り)を定義します。

    <th>見出し1</th>一つが、一区切りということです。


    見出しに該当する項目などを設定する場合に使用します。

    <tr><th>見出し1</th><th>見出し2</th><th>見出し3</th></tr>


    見出し1見出し2見出し3

    この「th」で囲まれた内容は位置の指定が無い場合、左右センタリングに配置され、テキストの場合は太字で表示されます。


    「td」

    列(縦の区切り)を定義します。

    td の内容は位置指定がない場合、左寄せになります。

    <td>内容1</td>一つが、一区切りということです。


    <tr><td>内容1</td><td>内容2</td><td>内容3</td></tr><tr><td>内容4</td><td>内容5</td><td>内容6</td></tr>

    この場合、横3行×縦2列の表になります。


    内容1内容2内容3
    内容4内容5内容6



    見出し1見出し2見出し3
    内容1内容2内容3
    内容4内容5内容6


次へ
前へ

[戻る]
[TOPへ]

[しおり]






カスタマイズ