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 辞典を参照して下さい