Class 10 HTML Worksheet: The ol (Ordered List) Tag

Here’s a worksheet focused on the <ol> (ordered list) tag for Class 10 students. This worksheet will help them understand how to create and manage ordered lists in HTML.

Class 10 HTML Worksheet: The `<ol>` (Ordered List) Tag

Part A: Fill in the Blanks

The <ol> tag is used to create a __________ list in HTML.
The default numbering style for an ordered list is __________.
The __________ attribute of the <ol> tag can change the numbering style.
To create each item in an ordered list, we use the __________ tag.
An ordered list can be nested inside another ordered list by placing one <ol> tag inside another <ol> tag, creating a __________ list.

Part B: True or False

The <ol> tag is used to create a bulleted list. (True / False)
Each item in an ordered list is enclosed within the <li> tag. (True / False)
The start attribute of the <ol> tag can be used to specify the starting number of the list. (True / False)
The default list type for the <ol> tag is Roman numerals. (True / False)
You can use the <ol> tag inside the <p> tag to create a list. (True / False)

Part C: Short Answer Questions

What is the purpose of the <ol> tag in HTML?
Write the HTML code to create an ordered list of your top 5 favorite movies.
What is the difference between the <ol> tag and the <ul> tag?
Explain the function of the type attribute in the <ol> tag. Provide examples of how to create a list using Roman numerals, letters, and numbers.
Write the HTML code to create a list that starts at number 5 instead of 1.

Part D: Practical Exercises

Create an HTML document with the following ordered lists:
- A list of your 3 favorite books.
- A list of 4 countries you'd like to visit, where the numbering style is in uppercase Roman numerals.
- A list of 5 subjects in school, where the numbering style is lowercase letters.
Write the HTML code to create a nested ordered list that looks like this:
1. Fruits 1.1. Apple 1.2. Banana
2. Vegetables 2.1. Carrot 2.2. Spinach
Create an ordered list where the numbering starts at 10 and the list contains 3 items: "HTML," "CSS," and "JavaScript."

Part E: Code Correction

Examine the following HTML code and correct the mistakes related to the <ol> tag. Rewrite the correct code.

<!DOCTYPE html>
<html>
<head>
  <title>Ordered List Example</title>
</head><body>  <ol>
    <li>First Item
    <li>Second Item
    <li>Third Item</li>
  </ol>
</body></html>