Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used to create web pages. Author Bill Weinman explains what HTML is, how it's structured, and presents the major tags and features of the language. Discover how to format text and lists, add images and flow text around them, link to other pages and sites, embed audio and video, and create HTML forms. Additional tutorials cover the new elements in HTML5, the latest version of HTML, and prepare you to start working with Cascading Style Sheets (CSS).
HTML provides several tags for displaying lists.
Let's go ahead and make a working copy of lists.html, and I'll name this copy
lists-working.html, open that in my text editor, and you can see we have some
lists down here, various types.
I will go ahead and display this in the browser as well.
So up at the top here, we have an ordered list, see it's displayed as 1, 2, 3,
One, Two, Three, and that's created with the
tag which is of course a block
level container, and each of the items with the
The unordered list is created exactly the same way except with
as the outer
But if I wanted to do this differently, if I wanted to have say Roman
numerals or something like that, it's actually possible in CSS to change the
way that these behave.
So we'll talk more about lists later on, and we'll see some more examples of how
we can format these.
Let's just talk about this one final type of list down here at the bottom, and
this is the definition list.
You see its--dl is the outer container and we have inner containers of
And so we have one is the first non- zero number, two is the number after one, three to get ready, four, now go, cat, go! And these are formatted like this. Now I tend to indent these dds under the dts and you'll see some people will format it more like this. Of course, the indenting is entirely ignored by HTML. It's just going to display the same either way. So HTML list elements can be very flexible especially when combined with CSS, and we will revisit this subject later in this course.
Find answers to the most frequently asked questions about HTML Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.