レイアウト
センタリング・右寄せ・左寄せを設定します。
テキストの固定 センタリング 段落の行揃え
テキストの行揃え オブジェクトの位置指定 横罫線をひく


テキストの固定
<PRE>〜</PRE>

　このタグに囲まれた部分では、ＨＴＭＬ文書どおり、 スペースや改行、タグなどのレイアウトをそのままブラウザ上に表示させます。
　ただし、等幅フォントになるので見た目の美しさは落ちます。

Topへ


センタリング
<CENTER>〜<CENTER>

　テキストやイメージ、テーブルなどをブラウザのウィンドウ幅に合わせて中央に配置します。
　タグによっては、ALIGN="center"というオプションが指定できる場合もありますので、 その場合にはそちらを使用してください。

Topへ

段落の行揃え
<P ALIGN="オプション">
オプション left,center,right

　段落の行揃えを指定します。 ALIGNで行揃え(左寄せ・センタリング・右寄せ)を指定します。

<P>について

Topへ


テキストの行揃え
<Hn ALIGN="オプション">
n = 1〜6　：1が最大、6が最小
オプション left,center,right

　見出し用フォントを変えるタグです。
ALIGNで行揃え(左寄せ・センタリング・右寄せ)を指定します。

<Hn>について

Topへ


オブジェクトの位置指定
<DIV ALIGN="オプション">
オプション left,center,right

　ALIGNを使用して、行揃え(左寄せ・センタリング・右寄せ)を指定します。
　デフォルトはleft(左寄せ)です。

テーブルのレイアウト
<IMG SRC>について

Topへ


横罫線をひく
<HR>
<HR オプション >
オプション SIZE=n
WIDTH=n
ALIGN="left,center,right"
NOSHADE		 線の太さ(n = ピクセル数)
線の長さ(n = ピクセル数または %)
水平位置の指定(デフォルトは"center")
黒色罫線

　横に罫線をひくタグです。
このタグの横には、テキストや画像を置くことは出来ません。
　オプションを使って横罫線の、太さや横幅を変更します。 横幅はピクセル数か、ウィンドウ幅に対する割合(%)で指定します。 デフォルトの太さは2ピクセルです。 　また、各オプションを組み合わせて使用することも可能です。

イメージについて

Topへ

見本ＳＯＵＲＣＥ

<HTML>
<HEAD>
<TITLE>レイアウト</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H2 ALIGN="center">レイアウトのページです。</H2><BR>
<HR>
<HR NOSHADE>
<DIV ALIGN="left">
<IMG SRC="hima.gif" WIDTH="200" HIGHT="190" alt="ひまわりの絵"></DIV>
<PRE>
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
テキストで模様を作ってみました。
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
ＷＷＷ 　こぉ〜んな顔は、
⌒ ⌒ いかがでしょうか？
" ∇ "
</PRE>
<HR ALIGN="center" SIZE="3" WIDTH="350"> <CENTER>
テキストを使っていろいろな模様を作るのも楽しいですよぉ〜っ♪<BR>
</CENTER>
<P ALIGN="right">以上！(^-^)/
</BODY>
</HTML>


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

Topへ

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