Lists and Tables

1. Ordered Lists (<ol>)

An ordered list displays items in a numbered sequence. This is useful when the order of the items is important.

HTML Example:

<ol>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

Copy

Explanation:

• <ol>: This tag defines the beginning of an ordered list.
• <li>: Each list item is defined with this tag. The list items are automatically numbered.
• </ol>: This tag closes the ordered list.

1. First item
2. Second item
3. Third item

2. Unordered Lists (<ul>)

An unordered list displays items with bullet points. This is used when the order of items is not significant.

HTML Example:

<ul>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

Copy

Explanation:

• <ul>: This tag defines the beginning of an unordered list.
• <li>: Each list item is defined with this tag. The list items are marked with bullet points.
• </ul>: This tag closes the unordered list.

• First item
• Second item
• Third item

3. Tables (<table>)

Tables are used to display data in a structured grid. The table consists of rows and columns, with each row defined by the <tr> tag, header cells defined by the <th> tag, and data cells defined by the <td> tag.

HTML Example:

<table border="1">
    <tr>
        <th>Name</th>
        <th>Age</th>
    </tr>
    <tr>
        <td>Alice</td>
        <td>24</td>
    </tr>
    <tr>
        <td>Bob</td>
        <td>30</td>
    </tr>
</table>

Copy

Explanation:

• <table>: This tag defines the beginning of the table. The border attribute adds a border around the table cells.
• <tr>: Defines a row in the table.
• <th>: Defines a header cell in the table. It is typically displayed in bold and centered.
• <td>: Defines a data cell in the table. This is where the actual data is displayed.
• </table>: This tag closes the table.

Name	Age
Alice	24
Bob	30