HTMLs Tutorial

HTML Tutorial HTML Tags HTML Basic Tags HTML Attributes HTML Elements HTML Formatting HTML Text Format HTML <body> tag HTML <samp> tag HTML <script> Tag HTML <section> tag HTML <select> tag HTML <source> tag HTML <span> tag HTML <strike> tag HTML <strong> tag HTML <style> tag HTML <sub> tag HTML <summary> tag HTML <sup> Tag HTML <svg> tag HTML <table> tag HTML <u> tag HTML Headings HTML Paragraphs HTML <wbr> tag HTML Anchor HTML Image HTML Lists HTML Ordered List HTML Unordered List HTML Form HTML Form input HTML with CSS HTML Layouts HTML References HTML Frames HTML Links

HTML5 Advance

HTML5 Tutorial HTML5 Tags HTML<Button>Tag HTML <canvas> Tag HTML<caption> Tag HTML City tag HTML <Data> Tag HTML5 SVG HTML Event Attribute HTML5 Audio HTML5 Youtube HTML5 Button Tag HTML5 Tags

Misc

How to add JavaScript to HTML How to change font in HTML How to change text color in HTML HTML Date HTML Hide Element HTML Nested Table HTML Reset Button What does HTML stand for? HTML Background Image HTML <address> Tag Div Tag in HTML How to insert Image in HTML How to create a link with no underline in HTML How to insert spaces/tabs in text using HTML/CSS HTML <br> tag HTML Code HTML <video> Tag HTML Canvas Design a tribute page using HTML and CSS What is a Container tag Font tag in HTML Difference between HTML and DHTML Empty Tag in HTML HTML Button Link Html Line Break Img src HTML Nested List in HTML Placeholder in HTML TD in HTML HTML Space Code HTML Target Attribute

HTML <body> tag
2022-07-06 00:57:02

HTML <body> tag

HTML means Hyper Text Markup Language, which is most preferred for making Web pages. It explains how a Web page is put together. There are many different elements in HTML, which give the name to different types of material, such as heading, paragraph, link, etc. One of the most important elements in HTML is a body tag. You can't see the content on your Html document without a body tag.

The element <body> is used to show content in an HTML document. In a document, there can only be one "body" element. It should be placed after the <head> tag or between the end tag of the head and HTML tags. This is compulsory for all HTML documents.

Syntax of <body> tag

<body>
<h3>Hello World this is Content of your website
</h3>
</body>

Example of <body> tag in HTML

<!DOCTYPE html>
<html>
<body style="background-color:white;">
    <title>learning html</title>
<h1 style="color:rgb(17, 148, 224);"> how to learn html</h1>
<hr>
<p style="color:rgb(38, 165, 21);font-size: xx-large;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;" 
>
The HTML element <body> is used to show content in an HTML document.It should be placed after <head> tag or between end tag of head and HTML tags. This is compulsory for all HTML document.


</p>


</body>
</html>

Output:

Html <body> tag

Attributes

Global Attribute

The global attributes are one set of properties for this element.

A link

Do not employ this quality! Instead, combine the active pseudo-class with the CSS colour property.

Background

Helps Find the URL of the background picture. Don't make use of this attribute! Use the element's CSS background property instead.

Link

The colour of the unclicked link is determined by this. It is not supportable in HTML5 so instead, use the: link pseudo-class and the CSS colour property.

Bg-color

The background colour of content is determined by it, but It is not supportable in HTML5, so instead, use the CSS background-colour property in HTML5.

Text

It shows the text colour in the HTML document, but it is not supportable in HTML5 so instead, use the CSS colour property in HTML5.

Vlink

It looks like a link, but its work is different. It shows the colour of the clicked link, also, it is not supportable in HTML5, so instead, use the: visited pseudo-class and the CSS colour property with it.

Onafterprint

Calling the function, when the user has finished printing the document.

Onbeforprint

Calling the function, when a user asks to print the document.

Onbeforunload

Calling the function shortly before the document is unloaded.

Onblur

Calling the function when the document becomes unfocused.

Onerror

Calling the function when the file cannot properly load.

Infocus

Calling the function when attention is directed toward the document.

Onhashchange

Calling the function when a change has been made to the document's current address's fragment identifier portion begins with the hash ('#') character.

Onlanguagechange

Calling the function when change comes in the preferable language.

Reload

Calling the function when the document file has loaded completely.

Onmessage

Calling the function when the document has received a message.

Onoffline

Calling the function when a network connection has been lost.

Ononline

Calling the function When a network connection is connected successfully.

Onpopstate

Calling the function after the user has browsed the session history.

Onredo

Calling the function when the user has advanced in the undo transaction history.

Storage

Calling the function after changing of storage area.

Onundo

Calling the function when the user moves forward in undoing transaction history.

Margin right

The body's right margin in the document is not supportable in HTML5 so instead, use the CSS margin-right property in HTML5.

Top Margin

The body's top edge margin in the document is not supportable in HTML5 so instead, use CSS margin-top

property in HTML5.

Browser Compatibility

  • Chrome
  • Safari
  • Edge
  • Opera Mini
  • Firefox

Conclusion

The HTML element <body> is used to show content in an HTML document. In a document, there can only be one "body" element. It supports many browsers like Chrome, Safari, Firefox, etc. It also supports many attributes like Global, Background Color, On storage, Ondo, etc. Without a body tag, you can't see your content on the HTML page, so it is an important element.