さて、今日は文字装飾についてです。
ウェブページをより見やすく、そして理解しやすくしてもらうためにも、
文字装飾はとても重要です。

仕切り

改行

・<br>

改行したい位置に記述すると、その位置で改行されます。
<br>は空要素なので、終了タグは記述しません。

例）
・htmlの記述
<p>はじめまして<br>私はウェブデザイナーを目指している瀬戸ゆきのです</p>

・ブラウザの表示

はじめまして
私はウェブデザイナーを目指している瀬戸ゆきのです

水平線

・<hr>

水平線を挿入することが出来ます。
<hr>は空要素なので、終了タグは記載しません。

例）
・htmlの記述
<p>はじめまして</p>
<hr>
<p>私はウェブデザイナーを目指している瀬戸ゆきのです</p>

・ブラウザの表示

はじめまして

---

私はウェブデザイナーを目指している瀬戸ゆきのです

見出し

・<h○></h○>
<h○>～</h○>に囲まれた部分を見出しにする。
見出しには1～6までのレベルがあり、h1が最も上位の見出し、ｈ6が最も下位の見出しとなります。
見出しはWebページの構造に応じてh1要素から順に記述をします。
ひとつのHTMLファイルにh1を記述せず、h2を記述することは適切ではありません。

例）

・htmlの記述
<h1>月</h1>
<h2>火星</h2>
<h3>水星</h3>
<h4>木星</h4>
<h5>金星</h5>
<h6>土星</h6>

・ブラウザの表示

月

火星

水星

木星

金星

土星

※見出しの表示方法はCSSを追加することで変更することが出来ます。

文字の強調

斜体

・<em></em>

<em>～</em>で囲まれた文字列は斜体になります。

太字

・<strong></strong>

<strong>～</strong>で囲まれた文字列は太字になります。
<em>よりも<strong>の方が強い強調です。

例）

・htmlの記述
<p>今日は<em>html</em>の中の<strong>文字装飾</strong>を学びます。</p>

・ブラウザの表示

今日はhtmlの中の文字装飾を学びます。

<point>

・<b></b>…文字列が太字になる
・<i></i>…文字列が斜体になる

この二つも文字装飾のタグですが、見栄えに関するタグなので、CSSに記述するのが適切です。
HTMLファイルに記述する際は、上記の<em>、<strong>を使用しましょう。

文字装飾をすることで、ウェブページを読みやすくすることが出来ます。
見やすいページは読んでくれる人も増え、直帰率（ページを見てすぐに閉じてしまう率）を下げることもできます。
アフィリエイトサイトや店舗ページを作る際にも、非常に重要となりますので、
自在に表現できるように覚えておきましょう！

【個人的なお話】

今日は長女の幼稚園で謝恩会がありました。
歌を聞いたり歌ったりして少し涙が出そうになりましたが、
クラスでの謝恩会でピアノ伴奏の大役があったので、そっちに集中しててそこまで泣かずに済みました。
明日は卒園式本番なので、バスタオル持参で挑もうと思います（笑）