Class 10 HTML Worksheet: The ul (Unordered List) Tag

Class 10 HTML Worksheet: The <ul> (Unordered List) Tag

Part A: Fill in the Blanks

The <ul> tag is used to create a __________ list in HTML.
Each item in an unordered list is represented by the __________ tag.
The default bullet style for an unordered list is a __________.
The __________ attribute of the <ul> tag can be used to change the bullet style.
The three possible bullet types for an unordered list are __________, __________, and __________.

Part B: True or False

The <ul> tag is used to create a list with numbers. (True / False)
Each item in an unordered list must be enclosed within the <li> tag. (True / False)
The default bullet style for an unordered list is a disc. (True / False)
You can nest an ordered list inside an unordered list. (True / False)
The type attribute is used to change the bullet style in unordered lists. (True / False)

Part C: Short Answer Questions

What is the purpose of the <ul> tag in HTML?
Write the HTML code to create an unordered list of your top 5 favorite fruits.
Explain the difference between the <ul> tag and the <ol> tag.
What is the type attribute in the <ul> tag? How can you use it to change the bullet style? Provide examples.
How do you create a nested unordered list in HTML? Write an example.

Part D: Practical Exercises

Create an HTML document with the following unordered lists:
- A list of your 3 favorite foods, using default bullet points.
- A list of 4 types of pets, with square bullets instead of the default ones.
- A list of 5 websites you visit frequently, with circle bullets.
Write the HTML code to create a nested unordered list that looks like this:
- Animals
  - Mammals
    - Dog
    - Cat
  - Birds
    - Parrot
    - Sparrow
Create an unordered list where the bullet style is square, and the list contains 3 items: "Laptop," "Mobile Phone," and "Tablet."

Part E: Code Correction

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

<!DOCTYPE html>
<html>
<head>
  <title>Unordered List Example</title>
</head>
<body>
  <ul>
    <li>Item 1
    <li>Item 2
    <li>Item 3</ul>
</body>
</html>