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の水平方向のルール
この<hr>
タグは、HTMLページの主題の区切りを定義し、ほとんどの場合、水平方向のルールとして表示されます。
この<hr>
要素は、HTMLページのコンテンツを区切る(または変更を定義する)ために使用されます。
例
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
タグは空の<hr>
タグです。つまり、終了タグはありません。
HTMLの改行
HTML<br>
要素は改行を定義します。
<br>
新しい段落を開始せずに改行(改行)が必要な場合に使用します。
例
<p>This is<br>a paragraph<br>with line breaks.</p>
タグは空の<br>
タグです。つまり、終了タグはありません。
詩の問題
この詩は一行に表示されます:
例
<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>
は固定幅フォント(通常はCourier)で表示され、スペースと改行の両方が保持されます。
例
<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演習
HTMLタグリファレンス
W3Schoolsのタグリファレンスには、HTML要素とその属性に関する追加情報が含まれています。
Tag | Description |
---|---|
<p> | Defines a paragraph |
<hr> | Defines a thematic change in the content |
<br> | Inserts a single line break |
<pre> | Defines pre-formatted text |
利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。