テキストを記述する（段落・改行・区切り）
広告
見出しに対応する各セクションの内容を追加しましょう。
見出しに対応する内容部分は、段落としてタグ付け（マークアップ）することにします。
段落を示すのは<p>タグです。<p>はparagraph（段落）の略です。
index に以下の記述を追加してください。
HTMLソース（index ）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ウェブサンプル株式会社</title> </head> <body> <h1>ウェブサンプル株式会社</h1> <h2>新着情報</h2> <h3>新商品のご案内</h3> <p> あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 </p> <h3>展示会への出展</h3> <p> あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 </p> <h3>環境への取り組み</h3> <p> あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ、あいうえおかきくけこさしすせそ。 </p> </body> </html>
保存をしたらブラウザで表示してみましょう。いま入力したテキストが表示されれば成功です。
段落部分は、一般的なブラウザでは前後が改行されて表示されます。
このように前後が改行されて、ひとつのブロックとなる表示形式をブロック表示と呼びます。
まとめ
- 段落は、p要素でマークアップする
- 一般的なブラウザでは、段落は前後が改行されて表示される
- 段落のように前後が改行されて、ひとつのブロックとなる表示形式をブロック表示と呼ぶ
| <前へ | 目次へ | 次へ> |
広告