テーブル(表)のレイアウト
テーブル(表)のレイアウトを指定します。
表の位置指定 キャプションの位置指定
セル内のテキストの位置指定

表の位置指定
<TABLE ALIGN="オプション">〜</TABLE>
オプション left,right

　表の位置を左右に指定し、その横にテキストを流し込むことができます。 テキストの回り込みを途中でやめる場合には、 <BR CLEAR="all">を使用します。

<BR CLEAR>について
<BR>について

Topへ

キャプションの位置指定
<CAPTION>〜</CAPTION>
<CAPTION ALIGN="オプション">〜</CAPTION>
オプション top,bottom

　<CAPTION>〜</CAPTION>で表にキャプション(簡単な説明)を付けます。 デフォルトはALIGN="top"と同じで表の上部、ALIGN="bottom"は表の下部に表示されます。 キャプションはテーブル幅に合わせてセンタリングで表示されています。
　また、Explorerでは、
<CAPTION PLIGN="オプション１" VALIGN="オプション２">〜</CAPTION>
オプション１
オプション２		 left,right,center
top,bottom		 水平方向の位置
垂直方向の位置

　を使用して、キャプションを上下に加え、左中右にも指定できます。

Topへ

セル内のテキストの位置指定
<TR ALIGN="オプション１" VALIGN="オプション２">〜</TR>
<TD ALIGN="オプション１" VALIGN="オプション２">〜</TD>
<TH ALIGN="オプション１" VALIGN="オプション２">〜</TH>
オプション１
オプション２		 left,right,center(baseline)
top,bottom		 水平方向の位置
垂直方向の位置

　セル内のテキストの位置指定をします。 横方向はALIGN、縦方向はVALIGNを使用します。 <TD><TH>では各セルごとにテキストの位置指定をします。
　ただし、セルの大きさに余裕がないときには位置指定は無効とされます。 <TR >は、指定した列の全部のセルに対して有効になります。
　また、baselineはNetscapeのオプションで、 同じ行の隣接するせるのテキストをベースラインに沿って配置します。 表示の結果はtopを使用したときと同じです。

<TABLE>について

Topへ

見本ＳＯＵＲＣＥ

<HTML>
<HEAD>
<TITLE>表の作成</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<TABLE BORDER ALIGN="top" WIDTH=400 HEIGHT=400>
<CAPTION ALIGN="top">中国の信仰？</CAPTION>
<TR ALIGN="center">
<TH>青竜神</TH>
<TH>朱雀神</TH>
<TH>白虎神</TH>
<TH>玄武神</TH></TR>
<TD ALIGN="left" VALIGN="top">東方</TD>
<TD ALIGN="left" VALIGN="middle">南方</TD>
<TD ALIGN="left" VALIGN="bottom">西方</TD>
<TD ALIGN="left" VALIGN="baseline">北方</TD></TR>
<TD ALIGN="center" VALIGN="top">春</TD>
<TD ALIGN="center" VALIGN="middle">夏</TD>
<TD ALIGN="center" VALIGN="bottom">秋</TD>
<TD ALIGN="center" VALIGN="baseline">冬</TD></TR>
<TD ALIGN="right" VALIGN="top">青</TD>
<TD ALIGN="right" VALIGN="middle">赤</TD>
<TD ALIGN="right" VALIGN="bottom">白</TD>
<TD ALIGN="right" VALIGN="baseline">黒</TD></TR>
</TABLE>
<BR>
</BODY>
</HTML>


このＳＯＵＲＣＥを実行してみる...
１０秒で自動クローズします。

Topへ

前のページへ 次のページへ