Unordered, ordered, And Definition Lists

Lists are incredibly useful ways of organizing content. HTML gives you there different types of lists to use based on how our content needs to be organized and grouped together. Anytime that you want a list, the first thing that you're going to do is your going to need a parent list tag. And that parent tag is going to describe what type of list it is that's going to follow. Lists are primarily a way of grouping information. You can use them for a lot of different things. It's not just displaying a list of items in your text. Are they grouped and are they grouped in a way that makes sense for each of them as individual items within the same group? Meaning, do they belong to that sort of same hierarchy. If so then a list actually is a compelling way to organize them. There are three types of lists, unordered, ordered, and description (also known as definition.)

Description List Example Code

            <dl>
                <dt>Coffee</dt>
                <dd>Black hot drink</dd>
                <dt>Milk</dt>
                <dd>White cold drink</dd>
            </dl>
        

Unordered List Example Code

            <ul>
                <li>Coffee</li>
                <li>Black hot drink</li>
                <li>Milk</li>
                <li>White cold drink</li>
            </ul>
        

Ordered List Example Code

            <ol>
                <li>Coffee</li>
                <li>Black hot drink</li>
                <li>Milk</li>
                <li>White cold drink</li>
            </ol>