Step 11 – Lists

Every once in a while it’s necessary to show information as a list. You do this with one of the LIST-tags. There are three kinds:

A numbered list is added to index.html like this:

<HTML>
<HEAD>
<TITLE>my own homepage</TITLE>
</HEAD>

<BODY BACKGROUND=”images/background.gif” BGCOLOR=”#FFFFE1″ TEXT=”#808080″ LINK=”#FF9B6A” ALINK=”#FF9B6A” VLINK=”#FF0000″>

<FONT FACE=”Verdana” SIZE=2>

<CENTER>
<H2>A short introduction</H2>
</CENTER>

<FONT COLOR=”#FF9B6A”><B>Nora Tol Virtual Publishing</B></FONT> was founded about 12 years ago when owner <FONT COLOR=”#FF9B6A”>Nora Tol</FONT> started offering her web design services.
<P>
By demand she quickly expanded her services with <U>designing logos and artwork (DTP)</U> and even started various <U>Internet- and marketing services</U>.
<P>

This is a short list of the services Nora Tol Virtual Publishing offers:
<OL>
<LI> Web design
<LI> DTP
<LI> Web hosting
<LI> Domain registration
<LI> (press)mailings for artists
</OL>

<CENTER>
<FONT SIZE=4>Take a look at her homepage for more information.
<BR>
Or send her an E-mail!</FONT>
<P>

<HR WIDTH=50% COLOR=#000000 NOSHADE SIZE=2>
</CENTER>

</FONT>
</BODY>
</HTML>

OL stands for Ordered List. When you open the HTML file in a browser you’ll see that there are numbers before each item beginning with 1. If you want the list to start with a higher number, simple add START: <OL START=2>.

If you would replace the OL-tag with UL, like this:

<UL>
<LI> Web design
<LI> DTP
<LI> Web hosting
<LI> Domain registration
<LI> (press)mailings for artists
</UL>

You’ll see bullets rather than numbers. UL stands for Unsorted List.

And lastly there’s DL (Data List). This allows you to add a little bit of text to the list:

<DL>
<DT> Web design
<DD> Designing and developing professional (commercial) web sites
<DT> DTP
<DD> designing logos, flyers and other artwork
<DT> Web hosting
<DT> Domain registration
<DD> Registration of various domain names from around the world
<DT> (press)mailings for artists
</DL>

<DT> can be seen as the title (data title) and <DD> as the extra information (subtexts, data data). You’re not required to add subtexts.

Go to Step 12

Bookmark the permalink.

Comments are closed