ARTICLE
Body Tag Used to Define Content in Document in HTML5
The body tag is used for defining the body content of a document. The body tag must be placed after the end of the head element inside the html element.
This is a main and necessary tag of HTML5, without this tag you can't do anything in your HTML5 document. The body tag must be placed after the end of the head element inside the html element. The body tag is used for defining the body content of a document. The body tag helps render content in a browser. The body tag contains all the contents of an HTML document, such as html comment, button, text, paragraph, lists, image, audio, video, hyperlink etc.
Syntax
<body
alink="color name | #RRGGBB"
background="URL of background image"
bgcolor="color name | #RRGGBB"
class="class name(s)"
dir="ltr | rtl"
id="unique alphanumeric identifier"
lang="language code"
link="color name | #RRGGBB"
style="style information"
text="color name | #RRGGBB"
title="advisory text"
vlink="color name | #RRGGBB">
</body>
Example
| Attributes Introduced by HTML5 |
| accesskey | spaced list of accelerator key(s) |
| contenteditable | true | false | inherit |
| contextmenu | id of menu |
| data-X | user-defined data |
| draggable | true | false | auto |
| hidden | hidden |
| itemid | microdata id in URL format |
| itemprop | microdata value |
| itemref | space-separated list of IDs that may contain microdata |
| itemscope | itemscope |
| itemtype | microdata type in URL format |
| spellcheck | true | false |
| tabindex | number |
| Attributes Defined by Internet Explorer |
| accesskey | "key" (5.5) |
| bgproperties | "fixed" (4) |
| bottommargin | "pixels" (4) |
| contenteditable | "false | true | inherit" (5.5) |
| disabled | "false | true" (5.5) |
| hidefocus | "true | false" (5.5) |
| language | "javascript | jscript | vbs | vbscript" (4) |
| leftmargin | "pixels" (4) |
| nowrap | "false | true" (4) |
| rightmargin | "pixels" (4) |
| scroll | "no | yes" (4) |
| tabindex | "number" (5.5) |
| topmargin | "pixels" (4) |
| unselectable | "off | on" (5.5) |
| Attributes Defined by Netscape |
| marginheight | "pixels" (4) |
| marginwidth | "pixels" (4) |
| HTML5 Event Attributes |
| onabort | onafterprint | onbeforeprint | onbeforeunload |
| onblur | oncanplay | oncanplaythrough | onchange |
| onclick | oncontextmenu | ondblclick | ondrag |
| ondragend | ondragenter | ondragleave | ondragover |
| ondragstart | ondrop | ondurationchange | onemptied |
| onended | onerror | onformchange | onforminput |
| oninput | oninvalid | onhashchange | onkeydown |
| onkeypress | onkeyup | onload | onloadeddata |
| onloadedmetadata | onloadstart | onmessage | onmousedown |
| onmousemove | onmouseout | onmouseover | onmouseup |
| onmousewheel | onoffline | ononline | onpause |
| onplay | onplaying | onpopstate | onprogress |
| onratechange | onreadystatechange | onredo | onresize |
| onscroll | onseeked | onseeking | onselect |
| onshow | onstalled | onstorage | onsubmit |
| onsuspend | ontimeupdate | onundo | onunload |
| onvolumechange | onwaiting | | |
| Events Defined by Internet Explorer |
| onactivate | onafterprint | onbeforeactivate | onbeforecut |
| onbeforedeactivate | onbeforeeditfocus | onbeforepaste | onbeforeprint |
| onbeforeunload | oncontextmenu | oncontrolselect | oncut |
| ondeactivate | ondrag | ondragend | ondragenter |
| ondragleave | ondragover | ondragstart | ondrop |
| onfilterchange | onfocusin | onfocusout | onlosecapture |
| onmouseenter | onmouseleave | onmousewheel | onmove |
| onmoveend | onmovestart | onpaste | onpropertychange |
| onreadystatechange | onresizeend | onresizestart | onscroll |
| onselect | onselectstart | | |
Code:
<!DOCTYPE html>
<html>
<head>
<title><Example of Body tag></title>
</head>
<body style="background-color:Gray" >
<p style="width:700px; height:100px; background-color:Silver; font-size:60px; color:White; font-weight:bold; text-align:center"> This is content page.
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title><Example of Body tag></title>
</head>
<body style="background-color:Gray" >
<p style="width:700px; height:100px; background-color:Silver; font-size:60px; color:White; font-weight:bold; text-align:center"> This is content page.
</p>
</body>
</html>
Output
Internet Explorer
Chrome
Fire Fox
Safari
