HTML - <body> Tag

Quiz

Introduction to <body> Tag

The HTML <body> tag is the main part of any webpage, representing the main content area visible to the user. It exists within the <html> element and works in conjunction with the <head>. It is essential for defining the structure, layout and content displayed in a browser including text, images, links and tables.

All the interactive and visual elements of the webpage are placed within the <body> tag making it as a container for thr page core content.

Syntax

Following is the syntax of HTML <body> tag −.

<body>
..
.. 
</body>

Attributes

HTML body tag supports Global Attributes and Event Attributes.

Example : Basic Structure

Let's look at the following example, where we are going to create a basic HTML page with headings and paragraphs.

<!DOCTYPE html>
<html>
<body>
    <h1>Tutorialspoint Online HTML Editor</h1>
    <p>This is real time online HTML Editor</p>
</body>
</html>

Example : Including Images and Links

Consider the following example, where we are going to add the images and links to the webpage.

<!DOCTYPE html>
<html>
<body>
    <img src="https://www.tutorialspoint.com/images/logo.png?v2" alt="img" /><br><br><br>
  <a href="https://www.tutorialspoint.com/index.htm">Tutorialspoint.com</a>
</body>
</html>

Example : Adding Forms and Buttons

In the following example, we are creating a form within the <body> tag , including a input field and a submit button

<!DOCTYPE html>
<html>
<body style="text-align:center">
    <form>
        <label for="Email : ">Email :</label>
        <input type="text" id="Email" name="Email"><br><br>
         <label for="Password : ">Password :</label>
        <input type="Password" id="Password" name="Password">
        <br><br><button type="submit">Sign In</button>
    </form>
</body>
</html>

Supported Browsers

Tag
body	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page