配色デザイン本が全国の書店で発売中!

【段落・改行・強調】HTMLで文章を作るときに必要なタグ

3年生

今回は、HTMLで文章を作る際に必要なタグをご紹介していきます。

この記事でわかること

・段落を表す pタグ

・改行を表す brタグ

・強調を表す strongタグ

・太文字を表す bタグ

・斜体を表す iタグ

段落を表すpタグ

pタグとは、段落を表すHTMLタグです。

pタグの『p』は、Paragraph(段落・文章の節)の意味であり、pタグで囲まれた文章は1つの段落を示します。

pタグ 基本の使い方

こちらはダミーテキストです。


<p>こちらはダミーテキストです。</p>

pタグは、段落を作りたい部分を<p></p>で囲むようにして使います。

改行を表すbrタグ

brタグとは、改行を表すHTMLタグです。

brタグの『br』は、break(改行)の意味であり、brタグを使うと文章はそこで次の行に改行されます。

brタグ 基本の使い方

こちらはダミーテキスト
です。


<p>こちらはダミーテキスト<br>です。</p>

brタグは、改行したい文章の前に<br>を書くことで改行されます。

強調を表すstrongタグ

strongタグとは、強調を表すHTMLタグです。

strongタグを使うと文字が太文字になり、強調されます。そして、strongタグはサイト内での重要な箇所を知らせるタグでもあります。

strongタグ 基本の使い方

こちらはダミーテキストです。


<p>こちらは<strong>ダミーテキスト</strong>です。</p>

strongタグは、強調させたい部分を<strong></strong>で囲むようにして使います。

太文字にするbタグ

bタグとは、太文字を表すHTMLタグです。

bタグを使うと文字が太文字になります。strongタグと似ていますが、strongタグはサイトの重要な箇所に使用するのに対し、bタグはただ太文字にしたい部分に使用します。

こばやし
こばやし

表示結果は同じでも使用する目的がちがうということですね。

bタグ 基本の使い方

こちらはダミーテキストです。


<p>こちらは<b>ダミーテキスト</b>です。</p>

bタグは、太文字にしたい部分を<b></b>で囲むようにして使います。

斜体にするiタグ

iタグとは、斜体を表すHTMLタグです。

iタグを使うと文字が斜体になります。

iタグ 基本の使い方

こちらはダミーテキストです。


<p>こちらは<i>ダミーテキスト</i>です。</p>

iタグは、斜体にしたい部分を<i></i>で囲むようにして使います。

まとめ

今回は、HTMLで文章を作る際に必要なタグをご紹介しました。

まとめ
pタグ:段落を表すHTMLタグ。
brタグ:改行を表すHTMLタグ。
strongタグ:強調を表すHTMLタグ。
bタグ:太文字を表すHTMLタグ。
iタグ:斜体を表すHTMLタグ。
こばやし
こばやし

配色デザイン本が全国の書店で発売中です!

頑張って作ったので手に取って頂けたら嬉しいです!

コメント

タイトルとURLをコピーしました