【HTML5】よく使うタグ解説

赤丸先生
赤丸先生

早速やるよーまずは、<p>からだよ。

僕HTML苦手だよー

青丸くん
青丸くん

<p></p>

赤丸先生
赤丸先生

<p>は、段落だよ。

コード

<html>
<p>ここに文字を入力</p>
</html>

プレビュー

ここに文字を入力

赤丸先生
赤丸先生

こんな感じになるよ。

<a href=””></a>

赤丸先生
赤丸先生

<a href=””></a>は、リンクだよ。

コード

<html>
<a href="https://amuos1210.yurushoku.com/">トップページ</a>
<html>

プレビュー

トップページ

<b></b>

赤丸先生
赤丸先生

<b></b>は、太字だよ。

コード

<html>
<p>こんにちは<b>ここは太字です</b>こんにちは(2回目)
<html>

プレビュー

こんにちはここは太字ですこんにちは(2回目)

<u></u>

赤丸先生
赤丸先生

<u></u>は下線だよ。

コード

<html>
<p>さようなら<u>ここは下線です</u>さようなら(2回目)</p>
</html>

プレビュー

さようならここは下線ですさようなら(2回目)

<mark></mark>

赤丸先生
赤丸先生

<mark></mark>は、ハイライトだよ。

コード

<html>
<p>ここは、とても<mark>大事な</mark>ことです。</p>
</html>

プレビュー

ここは、とても大事なことです。

<img src=””>

赤丸先生
赤丸先生

<img src=””>は、画像を表示することができるよ。

コード

<html>
<img src="https://amuos1210.yurushoku.com/wp-content/uploads/2020/06/%E8%B5%A4%E4%B8%B8%E5%85%88%E7%94%9F.png">
</html>

プレビュー

<br>

赤丸先生
赤丸先生

<br>は、改行だよ。

コード

<html>
<p>ここで改行<br>改行完了</p>
</html>

プレビュー

ここで改行
改行完了

<ul><li> </ul></li>

赤丸先生
赤丸先生

<ul><li> </ul></li>は、リストだよ。

コード

<html>
<p>このブログの人物紹介</p>
<ul>
<li>青丸君</li>
<li>赤丸先生</li>
<li>AMUOS1210</li>
</ul>
</html>

プレビュー

このブログの人物紹介

  • 青丸君
  • 赤丸先生
  • AMUOS1210

<h1></h1>

赤丸先生
赤丸先生

<h1></h1>は、見出しだよ。

また、h6や、h4もあるよ。

コード

<html>
<h1>最大レベル</h1>
<h6>最小レベル</h6>
</html>

プレビュー

最大レベル

最小レベル
赤丸先生
赤丸先生

他にも色々あるんだけど、今日はおしまいだよ。じゃあ、

2人
2人

ばいばーい

青丸くん
青丸くん

ねーむーい

アバター

amuos1210

小3です。scratchやHTML、CSS、JavaScript、Pythonなどが好きです。 最近動画編集もはまっています。

おすすめ

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください