Join James Williamson for an in-depth discussion in this video Ordered lists, part of HTML Essential Training.
Ordered lists are very similar to unordered list.…So much so in fact, that they share almost exactly the same syntax.…So to demonstrate that, I've opened up the ordered.htm found in the 06_02 directory,…and it probably looks like to some of you, that I just left the old exercise file…that we were working on, on the last exercise open.…Because it is exactly the same, for the most part.…The heading changed, but we still have that same unordered list, and…we still have that same nested one.…
And indeed, if we preview that in the browser.…You can see we get an unordered list which is represented by those bullets for…both the top level and the nested level list.…So we want to change that to an ordered list.…And the only thing that you need to do,…syntax wise, to do that is change the parent tag.…So the list items remain the same, I just take the ul and I change it to an ol.…That is easy enough isn't it?…So if I save that and previewed it.…There we go.…So now our top level list is an ordered list.…
One, two, three, four.…
- Why is HTML important?
- Exploring an HTML document
- Formatting content
- Displaying images
- Using nav, article, and div elements
- Linking to pages and downloadable content
- Creating lists
- Controlling styling (fonts, colors, and more)
- Writing basic scripts
Skill Level Beginner
1. Introducing HTML
2. Basic Page Structure
3. Formatting Page Content
4. Structuring Content
5. Creating Links
6. Creating Lists
7. Controlling Styling
8. Basic Scripting
Next steps2m 16s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.