Class 10 HTML Worksheet: The bodyTag

Class 10 HTML Worksheet: The <body> Tag

Here’s a worksheet focused on the <body> tag for Class 10 students. This worksheet emphasizes understanding the <body> tag and how it is used in HTML documents.

Part A: Fill in the Blanks

The <body> tag defines the __________ of the HTML document that is visible to the user.
The content inside the <body> tag includes elements like __________, __________, and __________.
The <body> tag is placed after the __________ tag and before the __________ tag.
The __________ and __________ attributes of the <body> tag were used in older versions of HTML to change the background color and text color, respectively.
In modern HTML, the design and layout of the content inside the <body> tag are controlled using __________.

Part B: True or False

The <body> tag is mandatory in every HTML document. (True / False)
The <body> tag is used to define the head section of an HTML document. (True / False)
Content placed outside the <body> tag is visible on the web page. (True / False)
Only one <body> tag is allowed in an HTML document. (True / False)
The <body> tag can contain other tags such as <h1>, <p>, <img>, etc. (True / False)

Part C: Short Answer Questions

What is the purpose of the <body> tag in an HTML document?
How does the <body> tag differ from the <head> tag?
Write a simple HTML document that uses the <body> tag to display a heading, a paragraph, and an image.
Explain how the contents of the <body> tag are displayed in a web browser.
What are some common tags that are placed inside the <body> tag? Provide examples.

Part D: Practical Exercises

Create an HTML document with the following requirements:
- A heading that says "Welcome to My Page"
- A paragraph with the text "This is a sample webpage."
- An image from a file named image.jpg
- A list of your three favorite books
Save the file as mypage.html.
Write the HTML code that defines the structure of a webpage with:
- A background color of light blue
- A centered heading "About Me"
- A paragraph explaining your hobbies

Modify the following HTML code by adding appropriate elements inside the <body> tag:

<!DOCTYPE html>
<html>
<head>
  <title>My First Web Page</title>
</head>
<body>
  <!-- Add your content here -->
</body>
</html>

Part E: Code Correction

Look at the following HTML code and identify the mistakes related to the <body> tag. Rewrite the correct code.


<!DOCTYPE html>
<html>
<head>
  <title>Sample Web Page</title>
</head>
<body>
  <h1>My Web Page
  <p>Welcome to my website.
  <img src="mypic.jpg" alt="My Picture">
</body>
</html>