HTMLチュートリアル

HTMLホーム HTMLの紹介 HTMLエディター HTMLベーシック HTML要素 HTML属性 HTML見出し HTML段落 HTMLスタイル HTMLフォーマット HTMLの引用 HTMLコメント HTMLの色 HTML CSS HTMLリンク HTML画像 HTMLファビコン HTMLテーブル HTMLリスト HTMLブロックとインライン HTMLクラス HTMLID HTMLIframe HTML JavaScript HTMLファイルパス HTMLヘッド HTMLレイアウト HTMLレスポンシブ HTMLコンピューターコード HTMLセマンティクス HTMLスタイルガイド HTMLエンティティ HTMLシンボル HTML絵文字 HTML文字セット HTMLURLエンコード HTMLとXHTML

HTMLフォーム

HTMLフォーム HTMLフォーム属性 HTMLフォーム要素 HTML入力タイプ HTML入力属性 HTML入力フォームの属性

HTMLグラフィックス

HTMLキャンバス HTML SVG

HTMLメディア

HTMLメディア HTMLビデオ HTMLオーディオ HTMLプラグイン HTML YouTube

HTML API

HTMLジオロケーション HTMLドラッグアンドドロップ HTMLWebストレージ HTMLWebワーカー HTML SSE

HTMLの

HTMLの例 HTMLクイズ HTML演習 HTML証明書 HTMLの概要 HTMLアクセシビリティ

HTMLリファレンス

HTMLタグリスト HTML属性 HTMLグローバル属性 HTMLブラウザのサポート HTMLイベント HTMLの色 HTMLキャンバス HTMLオーディオ/ビデオ HTMLDoctypes HTML文字セット HTMLURLエンコード HTML言語コード HTTPメッセージ HTTPメソッド PXからEMへのコンバーター キーボードショートカット

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タグを使用して、「HelloWorld!」というテキストの段落を追加します。

<html>
<body>

</ body>
</ 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タグリファレンスにアクセスしてください。