Kuro's Homepage
初心者のためのホームページ作成講座 Ver.3

【第15講】文字に関するタグ(4)・位置揃え

(1998年11月24日更新)

Line

【There have been visitors since 1997. 9.24.】

Line

 まず、簡単なセンタリング(中央揃え)の方法を書いておきます。

【センタリング:CENTER】
<CENTER>〜センタリングする文章〜</CENTER>

 開始タグ<CENTER>と終了タグ</CENTER>の間に、センタリングしたい文章を書き込みます。

<CENTER>センタリング始まり、改行タグも使えます<BR>
段落タグを単独で使って改行することもできます。<P>
センタリング終わり</CENTER>

(表示結果)


センタリング始まり、改行タグも使えます
段落タグを単独で使って改行することもできます。

センタリング終わり



 第12講で扱ったALIGN属性はいろんな所で活躍します。

【段落の位置揃え:Paragraph ALIGN】
<P  ALIGN=align>〜段落の内容〜</P>
align={left,center,right}

 例えば、段落タグ<P>〜</P>にALIGN属性を指定して、段落を左揃え(alignにleft)、中央揃え(alignにcenter)、右揃え(alignにright)することができます。

<P ALIGN=left>この段落は左揃え</P>
<P ALIGN=center>
この段落は中央揃え</P>
<P ALIGN=right>
この段落は右揃え</P>

(表示結果)


この段落は左揃え

この段落は中央揃え

この段落は右揃え


【複数段落の位置揃え:DIVerse ALIGN】
<DIV  ALIGN=align>〜段落の内容〜</P>〜次の段落の内容〜</DIV>
align={left,center,right}

 また、<DIV>というタグを使うと、同じようにして複数の段落の揃え位置を一度に指定することもできます。<P>と同じく、左揃え(alignにleft)、中央揃え(alignにcenter)、右揃え(alignにright)ができます。

<DIV ALIGN=left>この段落と</P>この段落は左揃え</DIV>
<DIV ALIGN=center>
この段落と</P>この段落は中央揃え</DIV>
<DIV ALIGN=right>
この段落と</P>この段落は右揃え</DIV>

(表示結果)


この段落と

この段落は左揃え
この段落と

この段落は中央揃え
この段落と

この段落は右揃え

Line

NEXT【第16講】Wordで文字を書く
Q&A【第15講】に関する質問フォーム
BACK【第14講】文字に関するタグ(3)・段落

Line

Clickablemap(Next)

© Koji Kuroda, 1996-