文章構成

■概要

HTMLには文章の構成を整えるためのタグが複数用意されています。

■空白文字

HTMLで文章を構成する際にスペースを使用する場合、通常の空白文字は無視されます。
空白文字を使用する場合は「 」を使います。

●書式
	・書式例
		 

	・具体例
		     あいうえお

		表示結果：

     あいうえお
※構成用のタグを切っているので左寄せになっています。

■改行

HTMLでは改行は「br」というタグが用意されており、
基本的にはこの改行タグを使用しないと文章の改行は行われません。

●書式
	・書式例
		<br>

	・具体例
		あいうえお<br>かきくけこ<br>さしすせそ

		表示結果：

あいうえお
かきくけこ
さしすせそ
たちつてと
※構成用のタグを切っているので左寄せになっています。

■段落

文章を段落毎に管理したい場合は「p」タグを使用します。
「p」タグは「p」から「/p」までを１つの段落として扱います。
このタグを使用しなくとも、文章はかけますが、
文章を管理するという意味では使用しておいたほうが
コード的に分かりやすくなります。

●書式
	・書式例
		<p>

	・具体例
		<p>段落１つ目<br>
		あいうえお<br>
		かきくけこ<br>
		さしすせそ<br>
		たちつてと<br></p>

		<p>段落２つ目<br>
		abcde<br>
		fghijk<br>
		lmnopqr<br><p>

		表示結果：

段落１つ目
あいうえお
かきくけこ
さしすせそ
たちつてと

段落２つ目
abcde
fghijk
lmnopqr

※構成用のタグを切っているので左寄せになっています。

■整形済みテキスト

HTMLのコードに使用しているスペースやタブをページ内に
反映させたい場合は「pre」タグを使用します。
「pre」タグを使用すると「pre」から「/pre」まで間の文章が
整形済みのテキストとして認識されるので、
その中で使用しているスペースやタブがそのまま反映されます。

●書式
	・書式例
		<pre>

	・具体例
		<pre>整形済みテキスト
				整形済みテキスト</pre>
		
		表示結果：
			整形済みテキスト
				整形済みテキスト