body
ページ本文

version 
2.0
3.2
4.0
5.0
分類(HTML5)
セクショニング・ルート
分類(HTML4)
--
機能分類
セクション
終了タグ
略可

本文を書く。
HTMLの文章は、html要素の下にhead 要素、body要素の2大セクションを抱える。その body 部分を記述するための要素。

  • *
    【属性】
    • -
      background
      背景のテクスチャのURL
      background="back.gif"
      versionHTML4で廃止予定 HTML5で廃止
      廃止後は、CSS の属性 "background-image" で表現します。
    • -
      bgcolor
      背景色
      bgcolor="#c0c0c0" bgcolor="silver" 銀色
      versionHTML4で廃止予定 HTML5で廃止
      廃止後は、CSS の属性 "background-color" で表現します。
    • -
      text
      テキストの色
      text="#000000" text="black" 黒
      versionHTML4で廃止予定 HTML5で廃止
      廃止後は、CSS の属性 "color" で表現します。
    • -
      link
      未訪問のリンクの色
      link="#0000ff" link="blue" 青
      versionHTML4で廃止予定 HTML5で廃止
      廃止後は、CSS の擬似クラス "a:link" で表現します。
    • -
      vlink
      訪問済みのリンクの色
      vlink="#ff0000" vlink="red" 赤
      versionHTML4で廃止予定 HTML5で廃止
      廃止後は、CSS の擬似クラス "a:visited" で表現します。
    • -
      alink
      選択(クリック)中のリンクの色
      alink="#ffffff" alink="white" 白
      versionHTML4で廃止予定 HTML5で廃止
      廃止後は、CSS の擬似クラス "a:active" で表現します。
  • *
    【例】

    CSSを使ったHTML5でのbody要素の書き方
    <html>
    <head>
    <title>CSS利用のbody要素</title>
    <style>
    body {color:#ff00ff;background-mage:url(back.gif);}
    a:link { color:#ff00ff; }
    a:visited { color:#ff00ff; }
    a:active { color:#ff00ff; }
    </style>
    </head>
    <body>
    簡単な文書
    </body>
    </html>


    むかし風のHTML文書での body要素の使い方。
    2010年現在でも、この形式でもキッチリ表示する。

    <html>
    <head>
    <title>昔のbody要素</title>
    </head>
    <body background="back.gif" bgcolor="#ff00ff"
    text="#ff00ff" link="#ff00ff" vlink="#ff00ff" alink="#ff00ff">
    簡単な文書
    </body>
    </html>

  • *
    【関連タグ】

    html head title