• 投稿者:
  • 投稿コメント:0件のコメント
  • 投稿カテゴリー:HTML
  • 投稿の最終変更日:2021年3月23日

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.

The example above will work in most browsers, but do not rely on it.

ノート: 終了タグを落とすと、予期しない結果やエラーが発生する可能性があります。


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> 要素ないのテキストは」固定幅フォント(通常はCouroer)で表示され、スペースと改行の呂翁ほうを保持します:

例文

<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タグリファレンス

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

Tag 説明
<p> Defines a paragraph
<br> Inserts a single line break
<pre> Defines pre-formatted text

さらにタグについてもっと知るには HTML Tag 辞典を参照して下さい

コメントを残す