もくじ
p要素について
p（Paragraph: ピー）要素は段落を意味します。
p要素の開始タグと終了タグの間にテキストを記述することで、ひとかたまりの文章（段落）を作成できます。
<p>むかし、むかし、ある所におじいさんとおばあさんが住んでいました。</p>
<p>おじいさんは山へしば刈りに、おばあさんは川へ洗濯に行きました。おばあさんが川で洗濯をしていると大きな桃が流れてきました。</p>
むかし、むかし、ある所におじいさんとおばあさんが住んでいました。
おじいさんは山へしば刈りに、おばあさんは川へ洗濯に行きました。おばあさんが川で洗濯をしていると大きな桃が流れてきました。
-
p要素内でdiv要素などのdisplay: block;である要素は使用できません。
br要素で改行する
段落の中で改行を行う場合はbr要素を使用します。
<p>むかし、むかし、ある所におじいさんとおばあさんが住んでいました。</p>
<p>おじいさんは山へしば刈りに、おばあさんは川へ洗濯に行きました。<br>おばあさんが川で洗濯をしていると大きな桃が流れてきました。</p>
むかし、むかし、ある所におじいさんとおばあさんが住んでいました。
おじいさんは山へしば刈りに、おばあさんは川へ洗濯に行きました。
おばあさんが川で洗濯をしていると大きな桃が流れてきました。
a要素でリンクを作成する
文章内で他のページのリンクを設定したい場合はaタグを使用します。
<p>むかし、むかし、ある所に<a href="https://ja.wikipedia.org/wiki/おじいさん" target="_blank">おじいさん</a>と<a href="https://ja.wikipedia.org/wiki/おばあさん" target="_blank">おばあさん</a>が住んでいました。</p>
<p>おじいさんは山へしば刈りに、おばあさんは川へ洗濯に行きました。<br>おばあさんが川で洗濯をしていると大きな桃が流れてきました。</p>
p要素を作成してみましょう
p要素を作成してみよう！p要素の文章内で改行してみよう！p要素の文章にリンクを設定してみよう！