Jen Kramer explains the difference between ordered lists, or ol, and unordered lists, or ul, as well as list items, or li.
- [Narrator] The next thing to talk about are lists.…Two of the most common used list types in html…are the ordered lists and the unordered lists.…An ordered lists is one that displays a list of instructions…in order, one thing after another.…Items should be completed or executed in this order,…as the orders matters greatly.…An unordered list is just a list of stuff.…The order doesn't really matter that much.…You could rearrange things and the meaning isn't lost.…Generally speaking web browsers display ordered lists…with numbers and unordered lists with bullets.…
However, it doesn't have to be this way.…It's easy enough to change the display with CSS.…So if you need an ordered list but you want it to display…with letters not with numbers, don't skip the ordered list…markup, mark it up correctly and talk to your web developer…about getting it to display the way you want.…So let's take a look at how we go about coding lists…and this document is 1-4-begin.html…in your exercise files folder.…
And let's just go on ahead and markup this document.…
Author
Released
3/30/2018- Working with head and body tags
- Nesting one list inside of another
- Creating links within a page
- Linking to PDF files
- Quoting and citing text
- Fixing HTML in MailChimp
Skill Level Beginner
Duration
Views
Related Courses
-
Considering a CMS for Web Design
with Brian Wood54m 59s Beginner -
Design Aesthetics for the Web
with Sue Jenkins2h 45m Beginner -
JavaScript for Web Designers
with Joe Chellman2h 43m Beginner -
User Experience for Web Designers
with Chris Nodder1h 49m Beginner
-
Introduction
-
Welcome1m 21s
-
Using the exercise files2m 26s
-
-
1. Understanding HTML
-
Understanding lists6m 2s
-
Nesting lists3m 51s
-
Creating links within a page6m 19s
-
Linking to PDF files5m 53s
-
Understanding images4m 54s
-
Implementing images5m 42s
-
Understanding tables6m 7s
-
Quoting and citing text5m 9s
-
Posting a video7m 37s
-
Editing HTML in MailChimp4m 32s
-
Conclusion
-
Next steps1m 15s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake 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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Understanding lists