The
<body>tag defines the main content area of an HTML document. It contains all the elements that are visible to users on a web page — such as text, images, videos, links, tables, lists, and forms. Everything that appears in a browser window (excluding metadata) must be placed inside the<body>tag.
Syntax
<body>
<!-- Visible content goes here -->
</body>Example
<!DOCTYPE html>
<html>
<head>
<title>Body Tag Example</title>
</head>
<body>
<h1>Welcome to My Webpage</h1>
<p>This content is inside the body tag.</p>
<img src="https://picsum.photos/seed/picsum/400/300" alt="Sample Image" width="400">
</body>
</html>Output
Browser Output
Use our Try it Editor to see the output
Browser Support
 Chrome |  Firefox |  Edge |  Safari |  Opera |  IE9+ |
|---|---|---|---|---|---|
| ✅Yes | ✅Yes | ✅Yes | ✅Yes | ✅Yes | ✅Yes |
The content of <body> tag are visible things and can be displayed in the web browser.
Notes
- Each HTML document can have only one
<body>tag. - All content elements such as headings, paragraphs, lists, links, tables, etc., must be placed inside the
<body>. - The
<body>tag should not contain<head>elements or metadata. - Inline styling and event attributes (like
onloadoronresize) can be applied to the<body>tag. - Without the
<body>tag, browsers may render content unpredictably or fail HTML validation.
Conclusion
The <body> tag is a fundamental structural component of any HTML document. It represents the main section that users see and interact with. Proper use of the <body> tag ensures a well-structured, valid, and correctly rendered webpage.
