A beginner's guide to website creation.
Creating HTML Lists
Sometimes a list is the best way to organize a lot of information. For instance, you could use a list of links as a table of contents for a particularly long FAQ file. HTML contains a variety of list-making tags to help you get started.
The simplest and most common is an unordered or bulleted list, denoted by a <UL> tag. This type of list places bullets before each list item, which you designate with an <LI> tag (for "list item"). If we apply this tag to the three reasons to check out more information about 20 Watts, the code looks like this:
Ready to save yourself some money? Let 20 Watts tell you more about our
<UL>
<LI><A HREF="services.html">Services</A>
<LI><A HREF="fees.html">Fees</A>
<LI><A HREF="backgrnd.html">Background</A>
</UL>
To get an ordered, or numbered, list, we'd replace the <UL> tags with <OL> tags; the <LI> tags remain the same:
Ready to save yourself some money? Let 20 Watts tell you more about our
<OL>
<LI><A HREF="services.html">Services</A>
<LI><A HREF="fees.html">Fees</A>
<LI><A HREF="backgrnd.html">Background</A>
</OL>
Because our example doesn't consist of a series of steps, let's change the <OL> back to <UL> to imply options rather than a sequential order.
A third type of list is the definition list, which is used primarily for glossaries. A definition list presents a term on one line and then its definition on a separate line. This type of list uses the <DL> tag and denotes list elements with <DT> (for "definition title") and <DD> (for "definition description"), like this:
<DL>
<DT>1040<br>
<DD>The basic form you have to fill out for a tax return.<br>
<DT>Schedule C<br>
<DD>The form you have to fill out to declare self-employment income.</DL>
Questions?
Please E-mail them to:info@20watts.com
Rules ::
Tags ::
Colors ::
Text ::
Links ::
Lists ::
Graphics ::
Email ::
Tag Guide
|