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


Directory

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


Contents

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

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

戻る
次へ

■ テーブルタグを整理してみます

これまでの、タグを一度整理しましょう

<TABLE>〜</TABLE>
は、テーブルを全体を指定します
<TR>〜</TR>
は、横一列を定義します
<TD>〜</TD>
は、各セルを定義します


<HTML>
<HEAD>
<TITLE>My HomePage</TITLE>
</HEAD>
<BODY LINK="色" ALINK="色" VLINK="色" BGCOLOR="色" TEXT="色">

<TABLE BGCOLOR="#FFFFFF" WIDTH="300" BORDER="1" CELLSPACING="5">
<--1行目-->
<TR BGCOLOR="#c0c0c0" ALIGN="center">
<TD><BR></TD><TD>A</TD><TD>B</TD><TD>C</TD>
</TR>

<--2行目-->
<TR ALIGN="center">
<TD BGCOLOR="#c0c0c0">1</TD><TD>A1</TD><TD>B1</TD> <TD>C1</TD>
</TR>

<--3行目-->
<TR ALIGN="right">
<TD BGCOLOR="#c0c0c0">2</TD><TD>A2</TD><TD>B2</TD> <TD>C2</TD>
</TR>

<--4行目-->
<TR ALIGN="center">
<TD BGCOLOR="#c0c0c0">3</TD><TD>A3</TD>
<TD COLSPAN="2">B3</TD></TR>

<--5行目-->
<TR ALIGN="center">
<TD HEIGHT="50" BGCOLOR="#c0c0c0">4</TD>
<TD VALIGN="top">A4</TD><TD>B4</TD>
<TD VALIGN="bottom">C4</TD></TR>
</TABLE>

</BODY>
</HTML>

上記のタグで書かれた結果です。一列毎にタグと下記を比べて見ましょう。



ABC
1A1B1C1
2A2B2C2
3A3B3
4A4B4C4



Prev | Home | Next




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