最新のWeb開発のチュートリアル

HTML段落


HTML文書は、段落に分けています。


HTML段落

HTML <p>要素は、 段落を定義します。

<p>This is a paragraph</p>
<p>This is another paragraph</p>
»それを自分で試してみてください

ブラウザは自動的に段落の前と後にいくつかの空白を追加します。


HTML表示

あなたは、HTMLが表示されるか確認することはできません。

大きなまたは小さな画面、およびサイズを変更ウィンドウが異なる結果を作成します。

HTMLでは、あなたのHTMLコードに余分なスペースや余分な行を追加することにより、出力を変更することはできません。

ページが表示されたときにブラウザが余分なスペースや余分な行を削除します。

任意の数のスペース、そして新しい行の任意の数は、 一つだけの空間としてカウントされます。

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
»それを自分で試してみてください

終了タグを忘れないでください。

ほとんどのブラウザでは、終了タグを忘れてしまった場合でも、正しくHTMLを表示します。

<p>This is a paragraph
<p>This is another paragraph
»それを自分で試してみてください

上記の例では、ほとんどのブラウザでは動作しますが、それに依存しません。

終了タグを忘れると、予期しない結果やエラーが発生することができます。

HTMLの厳格なバージョンは、XHTMLのように、あなたは終了タグを省略することはできません。


HTML改行

HTML <br>要素は、 改行を定義します。

使用<br>あなたは、改行したい場合(a new line)新しい段落を開始せずに:

<p>This is<br>a para<br>graph with line breaks</p>
»それを自分で試してみてください

<br>要素は、空のHTML要素です。 それには終了タグがありません。


詩の問題

この詩は、1行として表示されます。

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>
»それを自分で試してみてください

HTML <pre>要素

HTML <pre>要素は整形済みテキストを定義します。

内部テキスト<pre>要素は、固定幅フォント(通常宅配便)に表示され、それは両方のスペースと改行を保持しています。

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>
»それを自分で試してみてください

練習で自分自身をテストします!

演習1» 演習2» 演習3» 演習4»


HTMLタグリファレンス

w3ii」タグの参照は、HTML要素とその属性に関する追加情報が含まれています。

タグ 説明
<p> 段落を定義します
<br> 単一の改行を挿入
<pre> 事前にフォーマットされたテキストを定義