テーブル1 -表を作るタグです。ホームページをきれいに見せるためには、テーブルを上手に使う事がコツです-

| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |

| 無料HP作成支援集 |

テーブル1 -表を作るタグです。ホームページをきれいに見せるためには、テーブルを上手に使う事がコツです-

■ テーブルとは

テーブルとは基本は碁盤の網目のように区切られている表を作る機能です。HTMLの手打ちでは複雑で使いづらいですが、上手いサイトと下手なサイトの違いはテーブルの使い方によって出ます。

■ テーブルの基本

<HTML>

<HEAD>
<TITLE>
タイトルです。
</TITLE>
</HEAD>

<BODY>

<center>
<table border>
<tr>
<th width="100" height="100"></th>
</tr>
</table>
</center>

</BODY>

</HTML>

タイトルです。

■ 行と列

<TR>～</TR>
行（縦）
<TD>～</TD>
列（横）

<HTML>

<HEAD>
<TITLE>
パリーグ
</TITLE>
</HEAD>

<BODY>

<center>
2002年パリーグペナントレース<br>
<table width="400" height="100" border="1">
<tr>
<td>優勝</td>
<td>2位</td>
<td>3位</td>
<td>4位</td>
<td>5位</td>
<td>6位</td>
</tr>
<tr>
<td>西武</td>
<td>近鉄</td>
<td>ダイエー</td>
<td>ロッテ</td>
<td>日ハム</td>
<td>オリックス</td>
</tr>
</table>
</center>

</BODY>

</HTML>

パリーグ

2002年パリーグペナントレース

優勝	2位	3位	4位	5位	6位
西武	近鉄	ダイエー	ロッテ	日ハム	オリックス

■ ヘッダー

見出しにしたい項目は、<TD>～</TD>に変わって<TH>～</TH>にします。

<HTML>

<HEAD>
<TITLE>
パリーグ
</TITLE>
</HEAD>

<BODY>

<center>
2002年パリーグペナントレース<br>
<table width="400" height="100" border="1">
<tr>
<th>優勝</th>
<th>2位</th>
<th>3位</th>
<th>4位</th>
<th>5位</th>
<th>6位</th>
</tr>
<tr>
<td>西武</td>
<td>近鉄</td>
<td>ダイエー</td>
<td>ロッテ</td>
<td>日ハム</td>
<td>オリックス</td>
</tr>
</table>
</center>

</BODY>

</HTML>

タイトルです。

2002年パリーグペナントレース

優勝	2位	3位	4位	5位	6位
西武	近鉄	ダイエー	ロッテ	日ハム	オリックス

このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。