How to define the document’s body in HTML5 ?
The document’s body in HTML5 is defined by the <body> tag which is placed with in the <html> tags and just after the <head> tag.
The body tag can include:
- headings tags : <h1>, <h2>, <h3> and so on.
- paragraph tag: <p>
- line break tag: <br>
- horizontal rule tag: <hr>
- image and video tags: <img> <video>
- list tags: <ul> and <ol>
- table tag: <table>
The body tag contains so many other tags, all the vital information on the web-page, or someone can say that it is the skeleton on the web-page.
Example: Below example illustrates the use of body tag.
HTML
<!DOCTYPE html> <html lang="en"> <head> <title> Beginner-For-Beginner </title> </head> <body> <!-- Paragraph Tag--> <p>Beginner-For-Beginner</p> <!--H1 Tag--> <h1>Beginner-For-Beginner</h1> <!--H2 Tag--> <h2>Beginner-For-Beginner</h2> <!--H3 Tag--> <h3>Beginner-For-Beginner</h3> <!--H4 Tag--> <h4>Beginner-For-Beginner</h4> <!--Line Break Tag--> <br> <!--Horizontal Rule Tag--> <hr> <!--Image Tag--> <img src= "https://media.w3wiki.net/wp-content/uploads/20210215161411/w3wikiremovebgpreview-300x300.jpg"> <h2>Beginner-For-Beginner is Best Site For:</h2> <!--unordered list tag---> <ul> <li>DSA</li> <li>Web Development</li> <li>Gate</li> <li>and much more....</li> </ul> </body> </html> |
Output: All the tags we have used inside our body tag is now visible on the web-page. The image gets down below shows the output of the above code and the use of each and every tag that we have used in our body tag.