ホームページの作り方HP

ホームページの作り方を、 無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

■ テーブル-タイトルHTMLタグ

テーブル（表）にタイトルをつける　＝　
<caption>　〜　</caption>
<caption align="*1">　〜　</caption>
（*1＝top,bottom）

　<caption>と</caption>の間に、タイトルをいれます。
　alignでタイトルを入れる位置を、表の上(top)か下(bottom)かをきめる。 　

＜＜　HTMLデータ　＞＞

<table border="1">
　<caption>タイトル</caption>
　<tr> <th>１</th> <th>２</th> <th>３</th> </tr>
　<tr> <td>Ａ１</td> <td>Ａ２</td> <td>Ａ３</td> </tr>
　<tr> <td>Ｂ１</td> <td>Ｂ２</td> <td>Ｂ３</td> </tr>
　<tr> <td>Ｃ１</td> <td>Ｃ２</td> <td>Ｃ３</td> </tr>
</table>
<table>
　<caption align="bottom">タイトル</caption>
　<tr> <th>１</th> <th>２</th> <th>３</th> </tr>
　<tr> <td>Ａ１</td> <td>Ａ２</td> <td>Ａ３</td> </tr>
　<tr> <td>Ｂ１</td> <td>Ｂ２</td> <td>Ｂ３</td> </tr>
　<tr> <td>Ｃ１</td> <td>Ｃ２</td> <td>Ｃ３</td> </tr>
</table> 　

＜＜　ブラウザ表示　＞＞

タイトル
１２３
Ａ１Ａ２Ａ３
Ｂ１Ｂ２Ｂ３
Ｃ１Ｃ２Ｃ３
　
タイトル
１２３
Ａ１Ａ２Ａ３
Ｂ１Ｂ２Ｂ３
Ｃ１Ｃ２Ｃ３



HTMLタグ

  1. テキスト-改行,段落,強調
  2. テキスト-行揃え,文字色
  3. リスト-非序列,番号付き
  4. リスト-開始番号変更,用語の定義
  5. 画像表示
  6. 画像サイズ
  7. 画像表示-テキスト回り込み,解除
  1. 画像表示-テキストとの間隔
  2. リンク
  3. ページ内場所指定リンク
  4. リンク別画面表示
  5. メール送信リンク
  6. インラインフレーム

テーブルのHTMLタグ

  1. テーブル
  2. タイトル
  3. テキスト位置
  4. 枠線幅とサイズ指定
  5. セルサイズ指定
  1. セル間隔,セル-枠線間隔
  2. 枠線色
  3. 縦方向セル連結
  4. 横方向セル連結

ホームページの作り方HPTOPへ

画像
リンク 素材リンク HP作成リンク

Copyright (C) 2006-2007 ホームページの作り方HP　 All rights reserved.