Course Content
HTML Essentials
HTML Essentials
Lists
Lists are used to organize and present information in a structured format. There are two main types of lists: unordered lists (<ul>
) and ordered lists (<ol>
).
Unordered lists (<ul>)
Unordered lists present items in a bulleted format. Each item in the list is defined using the <li>
(list item) tag. Unordered lists are typically used when the order of items is not significant.
Example:
index
index
index
In the example above:
The unordered list (<ul>
) displays items with bullet points.
Ordered lists (<ol>)
Ordered lists display items in a numbered sequence. Each item in the list is defined using the <li>
(list item) tag. Ordered lists are used when the order of items is important and needs to be emphasized.
Example:
index
index
index
In the example above:
The list is ordered (<ol>
), displaying items with numbers.
Nested lists
Lists can also be nested within each other to create hierarchical structures. This means that a list item (<li>
) within one list (<ul>
or <ol>
) can itself contain another list. This is useful for organizing complex information into multiple levels of hierarchy.
Example:
index
index
index
In the example above:
- The second list item (
"Main item 2"
) contains a nested unordered list (<ul>
), creating a hierarchical structure; - Each nested list (
<ul>
) is indented to indicate its hierarchical level visually.
Video Tutorial
Everything was clear?