hrタグの使い方を覚える!【1分でわかるHTML編】

hrタグの解説HTML

こんにちはみっくです。

今回はHTMLの hr タグについてのお話です。

みっく
みっく

hr タグは区切りを入れる為に便利なタグです

hrタグ(エイチアールタグ)とは

みっく
みっく

「 hr」はホリゾンタルルールhorizontal rule)で水平線を表します。

<hr>は入れた箇所に水平線が入ります。

レイアウトを整えたり文章を区切るのに役立つタグです。

メモ

hrタグはブロックレベル要素です。

メモ

通常HTMLは開始タグと終了タグのペアの構文が多いですが、hrタグは一つのみで使用します。(< hr >のみで使用可)

hr タグの表示例

HTML


<p>9月21日今日は天気がいいので、外に出かけた</p>
<hr>
<p>9月22日今日は雨が降っていたので、家にいる事にした</p>

ブラウザでの表示

9月21日今日は天気がいいので、外に出かけた


9月22日今日は雨が降っていたので、家にいる事にした

メモ

hrをうまく使う事により境界線が入り、レイアウトを整える事ができます。

pタグを確認されたい方は、下の記事を参考にお願い致します。

pタグの解説HTML pタグの使い方を覚える!【1分でわかるHTML編】

hr タグの難易度

みっくのレビュー
難易度
 (1)

HTMLの中でも基本的なこのhrタグは、シンプルなタグと言えると思いますので、難易度は★1つレベルです。

みっぴー
みっぴー

これも覚えやすそうですね♪

hr タグの使用頻度

みっくのレビュー
使用頻度
 (3)

hrタグ はレイアウトを整えるものですので、HTMLでは適度に使われます。使用頻度は3つレベルです。

さっぴー
さっぴー

hrタグを使うと見やすいレイアウトが可能ですね!

hr タグの重要度

みっくのレビュー
重要度
 (3)

HTMLのタグの中では重要度は★3つレベルです。

みっく
みっく

できれば習得しましょう♪

まとめ

「 hr」はホリゾンタルルールhorizontal rule)で水平線を表します。

<hr>は入れた箇所に水平線が入ります。

レイアウトを整えたり文章を区切るのに役立つタグです。

シンプルなHTMLの一つで難易度は★1つレベルです。

適度に使われますので 、使用頻度は★3つレベルです。

HTMLのタグの中では重要度は★3つレベルです。

みっく
みっく

適度に使用し、きれいなレイアウトを目指しましょう♪

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です