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

bodyタグの解説HTML

こんにちはみっくです。

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

みっく
みっく

このbodyタグは文章の本文を定義できるタグです♪

bodyタグ(ボディタグ)とは

みっく
みっく

bodyタグには訪問者が見る部分を定義できます。

それでは、まずはhtmlの構造の確認をしておきましょう。

bodyタグの説明

HTMLの中は、大きくheadタグbodyタグで構成されています。

bodyタグは上の図のように、head終了タグの直下に記述し、本文の情報を定義します。

またbody内に定義した情報は、WEBサイト上に表示されます。

「htmlとは」を確認されたい方は、以下の記事を参考にお願いします。

HTMLとはの解説 HTMLとは【1分でわかるHTML編】

bodyタグの記述例

HTML

<html>

<head>
</head>

<body>
<p>買い物リスト</p>
<hr>
<ul>
<li>にんじん</li>
<li>たまねぎ</li>
<li>じゃがいも</li>
</ul>
</body>
</html>

ブラウザでの表示例

買い物リスト


  • にんじん
  • たまねぎ
  • じゃがいも
メモ

上の例のように、bodyタグ内に記述した内容がWEBサイト上表示されます。

pタグ、 hrタグ、 ulタグ、liタグについては、以下の記事を参考にお願い致します。

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

bodyタグの難易度

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

head終了タグの直下に記述するシンプルなタグですので、難易度は★1レベルです。

みっぴー
みっぴー

HTMLの中は、大きく headタグとbodyタグで構成されているんでしたね!

bodyタグの使用頻度

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

すべてのWEBページで使用しますので 、使用頻度は5つレベルです。

さっぴー
さっぴー

必ず使用し、訪問者が見てる部分でしたね♪

bodyタグの重要度

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

htmlを構成する基本的なタグで、WEBサイトに表示される大切な要素です。重要度は5つレベルです。

みっく
みっく

HTMLの基本という事で、ぜひ覚えましょう♪

まとめ

bodyタグには訪問者が見る部分を定義できます。

bodyタグは、head終了タグの直下に記述します。

body内に定義した情報は、WEBサイト上に表示されます。

head終了タグの直下に記述するシンプルなタグですので、難易度は★1レベルです。

すべてのWEBページで使用しますので 、使用頻度は5つレベルです。

htmlを構成する基本的なタグで、WEBサイトに表示される大切な要素です。重要度は5つレベルです。

みっく
みっく

WEBサイトを作成する上で、中心となる部分です!

コメントを残す

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