プロが教えるホームページの作り方
  
ホーム　｜ メール
 
YA06 スポンサードリンク
YA06 タグ一覧
ホーム
文書の構造
フォント
リスト
画像
ページ全体
リンク
テーブル
フレーム
YA06 役立つ豆知識
よくある質問
ダメなホームページ
アクセスアップの方法
アフィリエイト講座
YA06 リンク
リンクについて
相互リンク
YA06 姉妹サイト
２チャンネルな顔文字('A`)
1流顔文字2ch(*´ω｀*)
時刻表検定
無料 ガソリンカード
YA06 スポンサード リンク
 
 
 

 初心者のためのホームページの作り方  
ホーム　＞　テーブル　＞　表の作成

■表の作成

<table ★>～</table>　表
<tr>～</tr>　横一列(行)
<td>～</td>　セル
★･･････border="ピクセル数"(枠線を表示)

表(テーブル)は、<table><tr><td>タグで作成します。

<table>
　その範囲がテーブルであることを示し,表を構成する各要素と最初と最後に配置。
<tr>
　テーブルに行を指定します。横一列分のデータの最初と最後に配置。
<td>
　表に含まれる個々のセルを定義。セルに入る内容はこのタグ内に記述されます。
border属性
　表全体の外枠線の幅をピクセル数で指定します。

記入例。
MEMOメモ帳
ファイル(F) 編集(E) 書式(O) 表示(V) ヘルプ(H)
<!DOCTYPE HTML PUBLIC-"//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>

</head>
<body>

<table>
　<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
　<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
　<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>

<table border="2">
　<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
　<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
　<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>


</body>
</html>

表示結果。 　 　 　
セル1:1セル1:2セル1:3
セル2:1セル2:2セル2:3
セル3:1セル3:2セル3:3
　 　 　
セル1:1セル1:2セル1:3
セル2:1セル2:2セル2:3
セル3:1セル3:2セル3:3






Copyright（c）2009 プロが教えるホームページの作り方 All rights reserved.