Examples of HTML Lists (Ordered & Unordered)

📚 Quick Study Guide

• 🍎 Unordered Lists ( `
  ` ): Used for items where the order doesn't matter. Think shopping lists! Each item is marked with a bullet point.
  • 🔢 Ordered Lists ( `
    ` ): Used for items where the order *does* matter, like instructions or steps. Each item is numbered.
    1. 🖋️ List Items ( `
    2. ` ): Both `
       ` and `
       ` lists use `
       1. ` tags to define each list item.
       2. 🎨 Styling Lists: CSS can be used to customize the appearance of lists, including bullet point styles, numbering styles, and spacing.
       3. 🌐 Nesting Lists: You can nest one list inside another to create hierarchical structures!

       Practice Quiz

       1. Which HTML tag is used to create an unordered list?

          1. <ol>
          2. <list>
          3. <ul>
          4. <li>

       2. Which HTML tag is used to define an item in a list?

          1. <item>
          2. <li>
          3. <ul>
          4. <ol>

       3. Which type of list is best suited for displaying a set of instructions?

          1. Unordered List
          2. Definition List
          3. Ordered List
          4. Navigational List

       4. What is the default style for list items in an unordered list?

          1. Numbers
          2. Letters
          3. Squares
          4. Bullets

       5. Which attribute can be used to change the numbering style in an ordered list?

          1. class
          2. style
          3. type
          4. id

       6. Which of the following is a valid value for the `type` attribute in an ordered list?

          1. circle
          2. square
          3. I
          4. disc

       7. What happens if you nest an unordered list inside an ordered list?

          1. It causes an error
          2. The unordered list inherits the ordered list's numbering
          3. The unordered list displays normally within the ordered list item
          4. The ordered list is ignored
       Click to see Answers

       1. C
       2. B
       3. C
       4. D
       5. C
       6. C
       7. C