- HTML Tutorial
- HTML - Home
- HTML - History and Evolution
- HTML - Overview
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Headings
- HTML - Paragraphs
- HTML - Quotations
- HTML - Comments
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Style Sheet
- HTML - CSS Classes
- HTML - CSS IDs
- HTML - Images
- HTML - Image Map
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Iframes
- HTML - Blocks
- HTML Backgrounds
- HTML - Backgrounds
- HTML Colors
- HTML - Colors
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Code Builder
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - <body> Tag
HTML body tag is used to define the main content of any HTML document which will render on webpage. It includes all of the page's primary content, including headings, paragraphs, graphics, tables, etc. The <body> Tag is one such element that serves as a container for all the other webpage elements.
Syntax
<body> .. .. </body>
Attributes
HTML body tag supports Global Attributes and Event Attributes.
Try to click the icon run button to run the following HTML code to see the output.
Examples of HTML body Tag
In the bellow examples we will see multiple body tag examples with other HTML elements.
Using div and headinsg elements in body Tag
In the following example, we are creating an HTML document along with a <body> element, which keeps the heading and div of the page.
<!DOCTYPE html> <html> <body> <h1>Tutorialspoint Online HTML Editor</h1> <div>This is real time online HTML Editor</div> </body> </html>
Using div, heading and paragraph elements in body Tag
In the following example, we are creating an HTML document along with a <body> element, which keeps the heading, div and paragraph.
<!DOCTYPE html> <html> <body> <h1>Tutorialspoint Online HTML Editor</h1> <div>This is real time online HTML Editor</div> <p>Tutorialspoint easy to learn!</p> </body> </html>
Including image element in body Tag
In the following example, we are creating an HTML documents which keep the image tag inside the body element.
<!DOCTYPE html> <html> <body> <h2>This is tutorialspoint logo!</h2> <img src="https://www.tutorialspoint.com/images/logo.png?v2" alt="img" /> </body> </html>
Including hyperlink elements in body Tag
In the following example, we are keeping the hyperlinks tag inside the body element.
<!DOCTYPE html> <html> <body> <a href="https://www.tutorialspoint.com/index.htm" target="_blank"> Tutorialspoint.com </a> <a href="https://www.tutorialspoint.com/codingground.htm" target="_blank"> Coding Ground </a> </body> </html>
Supported Browsers
Tag | |||||
---|---|---|---|---|---|
body | Yes | Yes | Yes | Yes | Yes |
To Continue Learning Please Login
Login with Google