HTML個人講座7日目

こんにちはcairnです。

HTML個人講座7日目です。

本日は文章を入力していきます。

まずは

と入力すると

『タイトル』の部分がタイトルとしてウェブページに反映されます。

次は<body>の中の

</div>

の部分を入力していきます。

昨日のブログで作成した

</article>

</section>
</div>

を改良して文章入力していきます。

①<header>
②<h2>Diary</h2>
③<p>この部分をヘッダーとしてタグを追加</p>
④</header>

</article>

</section>
</div>

①～④が追加された部分です。

①と④は<header></header>タグです。

②<h2>Diary</h2>はメインの中にタイトル項目を作りました。

③<p>この部分をヘッダーとしてタグを追加</p>はタイトルとして文章を入力して<p></p>改行タグを使用しました

その後に<article></article>の中に本文入力となります。

<p>はじめまして○○です。
この文章はHTML個人講座の例文です。
ここでは私自身が勉強したHTMLのタグを復習するためにブログとして綴っています。</p>

</article>

↑の<p></p>タグを使った場合は段落が付くので、段落を増やしたい場合は適切な場所に<p></p>タグをつけてください。

<p></p>と似た<br>という改行タグもあります。

<br>は改行タグになります。

はじめまして○○です。<br>
この文章はHTML個人講座の例文です。<br>
ここでは私自身が勉強したHTMLのタグを復習するためにブログとして綴っています。<br>

</article>

<p></p>は文章を挟む必要がありますが<br>は文末に付けるだけで大丈夫です。

私的には<br>だけで充分に感じますが、使われる際には二つのタグがあることを覚えておくといいということですね。

ではまた明日( ´∀｀ )

cairn diary