ＨＴＭＬタグ講座

[Home] [-5] [<] [>] [+5]

改行と段落・水平線

ＨＴＭＬではタグで指定する必要のある改行と、段落についてです。

【改行】

ＨＴＭＬでは改行をタグで指定します。
これはＨＴＭＬ文書内の改行を直接反映してしまうと、本文に余分な改行が増えたり、ＨＴＭＬ文書が見にくくなってしまったりするのを防ぐため、タグを記入します。
ただし、通常の文書の画面右端での折り返しは指定する必要がありません。

開始タグ	終了タグ	内容
<BR>	（なし）	強制的な改行を指定します。
属性	属性値	内容
clear	=all	回り込みをすべて解除します
	=left	左側にあるオブジェクト（画像など）の回り込みを解除します
	=right	右側にあるオブジェクト（画像など）の回り込みを解除します

<BR> １つにつき、改行一つを割り当てます。
画像などの回り込みを解除する場合は、<BR clear=all> などの属性が必要です。
回り込みを解除しない場合は、<BR> のまま使用します。
これらは以下のサンプルのように使用します。

<HTML><HEAD>
<TITLE>かつの北海道旅行記</TITLE>
</HEAD>
<BODY>
かつの北海道旅行記へようこそ！<BR>
99年10月に北海道に行って来ました。<BR>
女満別空港から知床、釧路湿原などを巡り、帯広～トマム～夕張を経て札幌まで行き、千歳空港までの４泊５日の旅行でした。
</BODY>
</HTML>

↑このサンプルを表示

【段落】

段落を指定して、行を左右や中央にそろえることができます。

開始タグ	終了タグ	内容
<P>	</P>	段落を指定します。前後に空行が入ります。
<DIV>	</DIV>	ブロックレベルの要素を指定します。前後に改行が入ります。
属性	属性値	内容
align	=center	中央揃え（センタリング）
	=left	左揃え（右から書く語以外では、無指定の場合も左揃え）
	=right	右揃え

</P> は省略することができます。
<P> は中身がなくて連続して用いた場合、<P> 一つとみなされます。
改行を重ねるために、スペースだけの段落を用いている例を見ますが、この場合は<BR>を必要なだけ重ねる方が良いでしょう。
従来中央揃えには<CENTER>～</CENTER> というタグも使われていましたが、将来廃止される予定ですので<DIV ALIGN="center">～</DIV>を用いるようにしましょう。
これらは以下のサンプルのように使用します。

<HTML><HEAD>
<TITLE>かつの北海道旅行記</TITLE>
</HEAD>
<BODY>
<P ALIGN="center">かつの北海道旅行記へようこそ！<P>
99年10月に北海道に行って来ました。<BR>
女満別空港から知床、釧路湿原などを巡り、帯広～トマム～夕張を経て札幌まで行き、千歳空港までの４泊５日の旅行でした。
レンタカーを借りて、いろいろなところを巡ってきました。
<DIV ALIGN="right">最終更新：99/11/19</DIV> </BODY>
</HTML>

↑このサンプルを表示

【水平線】

水平の線を引きます。

開始タグ	終了タグ	内容
<HR>	（なし）	水平線

前後は改行されます。
以下の属性は、将来廃止予定です。
線の位置（align）、太さ/高さ（size）、長さ/横幅（width）、平面化（noshade）