<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=x-euc-jp">
<TITLE>HR_LINE</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1>HRタグで線を描く</H1>
<HR>
<P>
単にHRタグを使うと、この行の真上・下にあるような感じになります。
<HR>
<P>
HRは基本的に属性を持ちませんが、各社の独自の拡張があります。
<P>
SIZE属性に値を指定すると、太さが変わります。
<HR SIZE=20>
<P>
WIDTH属性の指定により、長さを変更できます。
<BR>
以下の、最初の線は WIDTH=50%, 次の線は WIDTH=200 を指定してみます。
<HR WIDTH=50%>
<HR WIDTH=200>
<P>
ALIGN属性の指定により、描く位置を変更できます。デフォルトは(多分)中央です。
<HR ALIGN=LEFT WIDTH=50%>
<P>
NOSHADE属性の指定により、平面的な線を描けます。
<HR NOSHADE>
<P>
わかりずらいので、太くしてみます。
<HR NOSHADE SIZE=20>
<P>
TABLEタグと組み合わせれば、
<TABLE>
<TR>
<TD><HR NOSHADE WIDTH=10 SIZE=10></TD><TD><HR NOSHADE WIDTH=10 SIZE=10></TD><TD><HR NOSHADE WIDTH=10 SIZE=10></TD>
<TD><HR NOSHADE WIDTH=10 SIZE=10></TD><TD><HR NOSHADE WIDTH=10 SIZE=10></TD>
<TD><HR NOSHADE WIDTH=10 SIZE=10></TD><TD><HR NOSHADE WIDTH=10 SIZE=10></TD>
</TR>
<TR><TD COLSPAN=7>同じ方法が、HTML WEB MAGIC, Ardith Iba&Ntilde; and Natalie Zee, Hayden Books, 1997, ISBN 1-56830-335-1 に載っています。(日本語訳も出てたような)<TD></TR>
<TR>
<TD><HR WIDTH=50></TD><TD><HR WIDTH=5></TD><TD><HR WIDTH=50></TD>
<TD><HR WIDTH=5></TD><TD><HR WIDTH=50></TD>
<TD><HR WIDTH=5></TD><TD><HR WIDTH=50></TD>
</TR>
</TABLE>
<P>
最後に縦の線。WIDTH=3,SIZE=100にすると、
<HR WIDTH=3 SIZE=100>
こんな感じでいかがッスか(^ ^)
<HR>
<ADDRESS>
miuraj@isc.meiji.ac.jp
</ADDRESS>
</BODY>
</HTML>
