おそえワールド - OSOE World > ホームページ・HTML・CSS > 水平線、テーブル

サンプルその1/水平線、テーブル


水平線


普通の水平線
<HR>


高さ50ピクセルの水平線
<HR SIZE="50">


幅300ピクセルの水平線
<HR WIDTH="300">

幅20%の水平線(左寄せ)
<HR WIDTH="20%" ALIGN="LEFT">

影なしの水平線
<HR NOSHADE>

影なし、高さ10ピクセル、幅100ピクセル、左寄せの水平線
<HR NOSHADE SIZE="10" WIDTH="100" ALIGN="LEFT">

テーブル

見栄えをよくするために、わざと<BR>タグを使っている箇所があります。

<TABLE BORDER="5" WIDTH="600" HEIGHT="600" CELLSPACING="10" CELLPADDING="5">
<TR><TD ROWSPAN="2">
ぶちぬき(たて)
</TD>
<TD NOWRAP>
こんちは!折り返しをしてません。
</TD>
<TD>
こんにちはではないかなぁとも思うけどまぁいいや。こちらはブラウザが自動で折り返してますよー。
</TD>
<TD>
どちらも正しい
</TD></TR>
<TR><TD COLSPAN="2">
ぶちぬき(よこ)
</TD>
<TD>
余りさ!
</TD></TR>
<TR><TD ALIGN="LEFT">
とりゃ!(左寄せ)
</TD>
<TD ALIGN="CENTER">
うるうる(センタリング)
</TD>
<TD ALIGN="RIGHT">
はらはら(右寄せ)
</TD>
<TD>
がるるー
</TD></TR>
<TR><TD>
ぶちぬきの見本は右の通り。<BR>
折り返してません<BR>
<BR>タグで折り返してます。
</TD>
<TD ROWSPAN="2" VALIGN="TOP">
ぶちぬき(上)
</TD>
<TD ROWSPAN="2" VALIGN="MIDDLE">
ぶちぬき(中央)
</TD>
<TD ROWSPAN="2"
VALIGN="BOTTOM">

ぶちぬき(下)<BR>
折り返してません<BR>
<BR>タグで折り返してます。
</TD></TR>
<TR><TD>
どきどき
</TD></TR>
</TABLE>


おそえワールド - OSOE World > ホームページ・HTML・CSS > 水平線、テーブル
© 1998-2023 小副川長宏 (OSOEGAWA Nagahiro) All rights reserved.