今日の人気記事

まだデータがありません。

body要素 - ドキュメントの本文(本体)

当ページのリンクには広告が含まれています。

スポンサーリンク

ここでは HTML5 の body要素についてみていきます。

body要素の概要

body要素は、HTMLドキュメントの本文(本体)を表す要素です。

カテゴリー フロー・コンテンツ
コンテンツモデル フロー・コンテンツ
利用場所html要素の中
html要素の1つ目の要素がhead要素、2つ目の要素がbody要素になります

ドキュメントのbody要素は1つのみです。2つ以上配置することはできません。

HTMLドキュメントの本体である文章・テーブル・画像……といったブラウザーに表示されるものをマークアップします。

使用例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>body要素</title>
<link rel="stylesheet" src="style.css" />
</head>
<body>
<h1>body要素</h1> 
<section>
  <h2>概要</h2>
  <p>body要素はHTMLドキュメントの本文を表します。</p>
  <p>ルート要素(html要素)の中、head要素の次にbody要素を配置します。</p>
</section>
<section>
  <h2>ガザニア</h2>
  <p><img src="img/gazania.jpg" /></p>
</section>
</body>
</html>

表示

body-element-01