Developing Webs logo
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Remember to book mark this site!

Request a Tutorial

HTML stands for HyperText Markup Language

Part 8: Lists in HTML

We are going to work on lists. we can create lists directly in HTML without assigning numbers.

1. Types of Lists:  There are two kinds of lists, and they are fairly simple.

  • <ol> is an ordered list
  • <ul> is an unordered list
  • <li> is used for each list item

2. Unordered Lists: An unordered list has what is commonly called "bullets". We can add a bulleted list by adding an unordered list. The unordered list is contained within the Unordered list tags,  <ul> </ul> tags. Each item in the list will be contained within the list item tags, <li> </li>

We will add an unordered list to our html code. Add the following code to your page body so far created and brought forward from lesson 7.

The unordered list will look like this:

Reasons I like Html

  • I can make my pages as I want them
  • Once I learn html, the other languages come easily
  • Even if I use an html editor, I can now adjust aspects of the page
  • I can look at other peoples html code to learn how to do neat things

3. Ordered Lists: An ordered list has what is commonly called "numbered list". We can add a numbered list by adding an ordered list. The ordered list is contained within the Ordered list tags,  <ol> </ol> tags. Each item in the list will be contained within the list item tags, <li> </li>

We will add an ordered list to our html code. Add the following code to your page body so far created.

The Ordered list will look like this below. Notice you have not assigned a number to any line, but the coding figures it out.

Things I have learned

  1. Html base code
  2. How to align text
  3. Font attributes
  4. Inserting images
  5. Image attributes
  6. Creating links
  7. Sound attributes
  8. Making lists

4. Code Summary: Here is our code so far

Save this in your notepad, and view it.

It is all coming together very nicely. We are almost done with our html lessons. Even though you aren't expected to memorize every little code, when you see them, you will know what they mean,
and when you need them, you will know where to find them.

We only have 2 more lessons to go, so when you are ready, lets move to lesson 9, making internal targets

"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2021 All Rights Reserved
Privacy and Legal