Sunday, November 23, 2025

HTML body Tag Tutorial with Example Code

How to use body tag in html

how to use body tag in html


This Blog You Will Learn 

What is the  <body> tag ?
Why the <body> Tag 
Syntax of HTML <body> tag
Explain Program
Output

 What is the  <body> tag ?

HTML <body> tag in contains all the visible content of webpage.

videos, text,images, buttons, links everything user see open page in browser.

<body> tag defines main content area of a webpage.

✅ <body> tag contains everything that is visible and interactive for users in browser.

<body> tag in document and is must be child of the <html> tag.

<html>     -  Root element of document.

<head>     -  Contains metadata (not visible page>

<body>    -  Contains visible content

 Everything  display on screen from inside <body> tag.

How to Create Paragraphs in HTML Using  p Tag

 Why the <body> Tag 

✔ Displays  Content on the Page.

✔ Organizes Your web page.

 Supports CSS and Javascript. 

✔ Controls page Layout. 

 Syntax of HTML <body> tag


<body>
.
. <!-- body tag content visible to webpage-->

</body>

how to use body tag in html

how to use body tag in html

Example 
<!DOCTYPE html>
<html>
    <body>
     
      <h2> Web designing theory blogspot.com</h2>
      <p> web designing theory offers simple and practical lessons<br>
in programming and web design.join us and start learning today.</p>
    </body>
</html>

how to use body tag in html

Explain Program

Step  1] 

<!DOCTYPE html>

This declare the document type.

browser that the document is written in html

Step 2 ]

<html>.... . </html>

html is the root element of the html page.

 Every thing inside it is part of the webpage.

Step 3]

<body>.....</body>

<body> tag contains  all the visible content of the page.

inside <body> show the browser screen.

Step 4]

<h2> Web designing theory blogspot.com</h2>

<h2> is heading tag.

displays  text in a larger bold style.

headings  from<h1> (largest) to <h6> (smallest).

Step 5]

<p>...</p>

<p> tag paragraph tag.

contains your normal text content

<br>

<br> tag line break.

 moves text to the next line inside a paragraph.

Step 6]

closing the Tag


</body>

 </html>

how to use body tag in html
Output

HTML <body> Tag Tutorial with Example Code



Related Post :-

No comments:

Post a Comment

Learn Web Designing Step by Step with Web Designing Theory

Web Designing Theory – A Journey from Struggle to Web Development Success Sometimes students feel confused while learning coding and web d...