Step 11 - lists:
Every once in a while it may be handy 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.
Every once in a while it may be handy 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.

0 comments:
একটি মন্তব্য পোস্ট করুন