HOME >> HTML > 見出しと段落の位置を変える

　見出しと段落の位置を変える

■	<Hn align="キーワード">～</Hn>
	<P align="キーワード">～</P>
	キーワードにはleft、center、rightのいずれかを指定

<H>タグや<P>タグにalign属性をつけることによって、見出しや段落の位置を中央や右にすることができます。このalign属性を指定しない場合は自動的に左になります。align="left"とすれば左に、align="center"とすれば中央に、align="right"とすれば右へ配置することができます。このalign属性は<H>タグや<P>タグ以外のタグでも使いますので、必ず覚えておいてくださいね。

サンプル - Microsoft Internet Explorer

左の見出し

中央の見出し

右の見出し

ソース

<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<H2 align="left">左の見出し</H2>
<H2 align="center">中央の見出し</H2>
<H2 align="right">右の見出し</H2>
</BODY>
</HTML>

サンプル - Microsoft Internet Explorer

左の段落です。
何も指定しなくてもこうなります。

中央の段落です。
中央に表示されます。

右の段落です。
右に表示されます。

ソース

<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<P align="left">
左の段落です。<BR>
何も指定しなくてもこうなります。
</P>
<P align="center">
中央の段落です。<BR>
中央に表示されます。
</P>
<P align="right">
右の段落です。<BR>
右に表示されます。
</P>
</BODY>
</HTML>

HOME >>HTML

次のページ >>