The community is working on translating this tutorial into Spanish, but it seems that no one has started the translation process for this article yet. If you can help us, then please click "More info".
If you are fluent in Spanish, then please help us - just point to any untranslated element inside the article and click the translation button to get started. Or have a look at the current translation status for the Spanish language.
If you see a translation that you think looks wrong, then please consult the original article to make sure and then use the vote button to let us know about it.
Please help us by translating the following metadata for the article/chapter, if they are not already translated.
If you are not satisfied with the translation of a specific metadata item, you may vote it down - when it reaches a certain negative threshold, it will be removed. Please only submit an altered translation of a metadata item if you have good reasons to do so!
Every once in a while a list can be very handy. You can use them to show ingredients in a recipe or as a table of contents for your document. HTML markup has two different kinds of lists – the ordered and the unordered lists.
The unordered list starts with the opening tag <ul> (abbreviation of unordered list) and every item on list is surrounded by the <li> tag (li stands for list item)
<ul> <li>List item no. 1</li> <li>List item no. 2</li> <li>List item no. 3</li> </ul>
This HTML markup would result in an unordered list that looks like this:
- List item no. 1
- List item no. 2
- List item no. 3
Generally the unordered list has black circles as bullet points – you can actually change how the bullet points should look, using CSS.
The ordered list looks like this:
- First list-item
- Second list-item
- Third list-item
And instead of the <ul> tag, you use the <ol> (abbreviation for ordered list)
<ol> <li>List item no. 1</li> <li>List item no. 2</li> <li>List item no. 3</li> </ol>
Except for the obvious reason to use the list (when you actually want a list) a lot of webdesigners use the list to create their menus and navigations – as the navigation very often is a set of related links. Using the list to markup your navigation also means, that if the CSS styling fails the links will still be semantically related.
What you have learned
- There are two different kinds of lists – ordered lists and unordered lists
- The tag for en ordered list is <ol>
- The tag for the unordered list is <ul>
- Every item on the list is marked up with the <li> element
- The list element is an obvious choice when create your navigation