SAK 図書館
SAK 図書館
ホームページ作成 HTML 編 (その二) DIV、FONT、HR、PRE、UL、LI、BR
■<DIV> タグ
・レイアウト枠の絶対座標は使うと、見る環境で崩れやすい。
また、背景カラーは、ネスケでは文字のリバースの様になるので、
透明のままが良い。
<DIV style="HEIGHT: 0px; LEFT: -200px; POSITION: absolute; TOP: -200px; VISIBILITY: visible; WIDTH: 0px; Z-INDEX: 1">
<IMG src="http://sak.cool.coocan.jp/cgi-bin/s3cnt/w_s3ctup.cgi">
</DIV>
・通常の段落のように便利に使うには、次のようにする。
<DIV> 単位にフォントサイズを変えたりするのに便利かもしれません。
<DIV style="font-family: Times; font-size: 66">
...
...
</DIV>
■<P> タグ
・段落のセンタリングなど、色々指定できる。
<P align="center">
<B><FONT size="+1"> SAK 図書館 </FONT></B>
</P>
<P align="center">
|_ left 左寄せ
center センタリング
right 右寄せ
■<B> タグ
・文字をホールドにする。
<B><FONT size="+1"> SAK 図書館 </FONT></B>
■<I> タグ
・文字を斜体にする。
<B><I>abc</I></B> とすれば、ボールド斜体となる。
<I><FONT size="+1"> SAK 図書館 </FONT></I>
■<FONT> タグ
・フォントフェース、サイズ、色などを指定する。
尚、フォントフェースは、できるだけ指定しない方が良い。
また、size="-2" は、IE4 では、かなり見にくい。
IE5 以上では、size="-2" が IE4 の size="-1" 程度の大きさで表示される。
<FONT size="+1"> SAK 図書館 </FONT>
<FONT size="+1" color="#404040">
| | |_ 文字カラー
| |_ フォントサイズ
| -2 かなり小さい
| -1 少し小さい
| 省略、または、+0 普通
| +1 少し大きい
| +2 かなり大きい
|_ フォントフェイス
■<HR> タグ
・水平線
<HR>
<HR size="4">
|_ 水平線の太さ
■<PRE> タグ
・ベタ書きタグ。この資料のテキスト部分などによく利用している。
IE では、フォントサイズ -1 相当の大きさであるが、ネスケでは +0 相当
に見える。
<PRE>
あいうえお
かきくけこ
</PRE>
■<XMP> タグ
・タグをそのまま表示する。
<XMP>
<P>あいうえお</P>
<B>かきくけこ</B>
</XMP>
■<BLOCKQUOTE> タグ
・字下げできる。
<BLOCKQUOTE>
あいうえお
かきくけこ
</BLOCKQUOTE>
■<UL> タグ、<LI> タグ
・<BLOCKQUOTE> と似ている。<LI> タグと組み合わせて、字下げできる。
<UL>
<LI>1. あいうえお
<LI>2. かきくけこ
<UL>
<LI>2-1. あいうえお
<LI>2-2. かきくけこ
</UL>
</UL>
■<BR> タグ
・改行する。
<BR>
・画像への回り込みを終了して改行する。
<BR clear="all">
■ホームページ作成 HTML 編資料
■企業サイト、商用サイト作成編資料
■ホームページ作成 設計編資料
■ホームページ作成 JAVA Script 編資料
Copyright (C) 1999-2024 Y.SAK