<p> 段落

段落を作る、p要素

師匠

日本語で 段落、英語では?

弟子

パラグラフ(paragraph)ですか?

師匠

さすがは、大学出(だいがくで)やな。
それくらいの英単語は知ってるようやな。

弟子

(バカにされてる???)

師匠

HTMLコードで「段落」を作るときは、パラグラフ(paragraph)の先頭文字の「 p 」を使う。
つまり、<p>要素や。

<p>段落(paragraph)を、作ってみた。。。</p>

段落(paragraph)を、作ってみた。。。

師匠

もちろん、複数の段落を作ることもできるで。

<p>最初の段落は、これです。</p>

<p>次の段落は、これね。</p>

最初の段落は、これです。

次の段落は、これね。

見出し と 段落

師匠

前のページで勉強した<h1>要素と一緒に使うと、こうなるな。

<h1>魚類</h1>
	
<p>鮭とか、鯉とは、ナマズとか。 エビとか、タコとか、イカは違う。</p>

<h1>両生類</h1>

<p>カエルとか、やな。</p>

魚類

鮭とか、鯉とは、ナマズとか。 エビとか、タコとか、イカは違う。

両生類

カエルとか、やな。

師匠

大見出し<h1>の下に、小見出し<h2>を作ってみるか。

<h1>脊椎動物</h1>
       
<h2>魚類</h2>
	
<p>鮭とか、鯉とは、ナマズとか。 エビとか、タコとか、イカは違う。</p>

<h2>両生類</h2>

<p>カエルとか、やな。</p>

脊椎動物

魚類

鮭とか、鯉とは、ナマズとか。 エビとか、タコとか、イカは違う。

両生類

カエルとか、やな。

師匠

おー、なんか 本格的なWEBページが 出来てきたな~!

弟子

(どこが?)

師匠

次は、もっと本格的にするため、ハイパーリンクを作るで!!!
(乞うご期待!)

復習

  • 段落 : <p>・・・</p>