見る人に優しいウエブ作成


Directory

HTML編 (1)
HTML編 (2)
HTML編 (3)
HTML編 (4)
解像度に依存しない例
解像度に依存しない例
解像度に依存しない例


Contents

優しいウエブ作成
HTML入門
画像処理入門
ページレイアウト入門
スタイルシート入門
用語集
サポートタグ

+++ ページレイアウト入門(HTML編)+++

戻る
次へ

■ テーブルを作成する

<TABLE>〜</TABLE>
テーブルを作成

<TABLE BORDER="★">〜</TABLE>
ピクセル数で指定。ボーダー幅を設定

<TABLE ALIGN="★">〜</TABLE> ★=center、left、right
テーブル自体及びテーブル周りのテキスト位置を設定

<TABLE WIDTH="★"、HEIGHT="★">〜</TABLE>
テーブルの幅及び高さをピクセル及びパーセントで設定

<TABLE CELLSPACING="★">〜</TABLE>
ピクセル数で指定。枠の太さを設定

<TABLE CELLPADDING="★">〜</TABLE>
ピクセル数で指定。罫線とデータ間の隙間を設定

<TABLE BGCOLOR="#RRGGBB">〜</TABLE>
テーブルの内側の色を指定

<TH>
テーブルに見出しを付ける

<TR>
テーブルの行を設定

<TD>
テーブルの1マス分(セル)を設定


<HTML>
<HEAD>
<TITLE>My HomePage</TITLE>
</HEAD>
<BODY LINK="色" ALINK="色" VLINK="色" BGCOLOR="色" TEXT="色">
<TABLE BORDER="1" WIDTH="70" HEIGHT="70" CELLSPACING="1" CELLPADDING="1" BGCOLOR="#c0c0c0">
<TR><TD>1行目</TD></TR>
<TR><TD>2行目</TD></TR>
</TABLE>

</BODY>
</HTML>

上記例
1行目
2行目
BORDER="0"
1行目
2行目
BORDER="5"
1行目
2行目
CELLPADDING="5"
1行目
2行目
CELLSPACING="5"
1行目
2行目
ALIGN="RIGHT"
1行目
2行目



Prev | Home | Next




Copyright(C) 1999-2000, ken_yuu All Right Reserved.