HTML文書は、段落に分けています。
HTML段落
HTML <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を表示します。
上記の例では、ほとんどのブラウザでは動作しますが、それに依存しません。
終了タグを忘れると、予期しない結果やエラーが発生することができます。
HTMLの厳格なバージョンは、XHTMLのように、あなたは終了タグを省略することはできません。
HTML改行
HTML <br>要素は、 改行を定義します。
使用<br>あなたは、改行したい場合(a new line)新しい段落を開始せずに:
<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>
»それを自分で試してみてください 練習で自分自身をテストします!
HTMLタグリファレンス
w3ii」タグの参照は、HTML要素とその属性に関する追加情報が含まれています。
タグ | 説明 |
---|---|
<p> | 段落を定義します |
<br> | 単一の改行を挿入 |
<pre> | 事前にフォーマットされたテキストを定義 |