Monday, November 22, 2010

Free HTML Course: Week 5 - Lists

If you can't see this email, click here

About.com


Week 5 - Lists
Jennifer Kyrnin
From Jennifer Kyrnin, your Guide to Web Design / HTML

Reading long blocks of text on a computer is very difficult. But luckily, there's an easy way to create content for your Web pages that is easy to read and scanable - use lists. There are three types of lists you can use on a Web page, and this week's lesson will discuss them all.

Note: if you didn't receive the previous weeks you can always pick up missed lessons online at: http://webdesign.about.com/c/ec/9lost.htm You can also get the lessons more quickly if you'd like.

Syllabus
Week 5
  • Lists - general knowledge
  • Ordered lists - numbered
  • Unordered lists - bulletted
  • Definition lists - for glossaries
  • Homework


Lists
What Types of Lists are on Web Pages

There are 3 types of lists you can use on Web pages: ordered lists, unordered lists, and definition lists. This page will explain what you use each type of list for.


Ordered Lists
How to Create an Ordered List

Use ordered lists whenever you want the browser to put numbers at the front of the list. Ordered lists are for steps in a direction list or ranked items. Ordered lists start at 1 and go up sequentially.


Unordered Lists
How to Create an Unordered List

Use unordered or bulleted lists when you want the browser to put a small bullet icon at the front of each list item. Unordered lists can be put in any order and are for lists that don't have a specific order or ranking.


Definition Lists
How to Create a Definition List

Definition lists are a bit trickier than the other list types. They require 3 different tags and provide a lot more information in the list.


There are many uses for a definition list

People often think of definition lists as only good for glossary entries. But they are very useful for other situations as well. You can use them for address books, HTML forms, and much more. Use your imagination!


Homework
Practice What You've Learned

Create a short glossary of terms for your Web page. Your glossary can define elements on your page, call out interesting facts, or just list the pertinent issues on your site.

My glossary might not be that interesting, but it does show how to create lists: http://webdesign.about.com/od/html101classes/l/zhtmlclass5.htm

And, as usual, if you have questions about this lesson, or want to share your work with your classmates, don't forget about the HTML Class Forum.



This email is written by:
Jennifer Kyrnin
Web Design / HTML Guide
Email Me | My Blog | My Forum
 
Missing a lesson? Click here.

About U. is our collection of free online courses designed to help you learn a new skill, solve a problem, get something done, or just learn more about your world. Sign up now, and we will email you lessons on a daily or weekly basis.
You are receiving this email because you subscribed to the About.com 'Free HTML Course' email. If you wish to unsubscribe, please click here.

About respects your privacy: Our Privacy Policy

Contact Information:
249 West 17th Street
New York, NY, 10011

© 2010 About.com
 

Advertisement

No comments:

Post a Comment