Creating a Site Map for your web site

The simplest way to create a site map is to use the HTML Unordered Lists tag

. The tag can be employed to create simple one-level lists and also display the hierarchical structure of your web site by nesting lists if your site s more complex.



The Unordered Lists tag
supports a neat attribute called Type with which you can specify the type of bullet you want for the list - disc, circle or square.



Let us look at an example:



* Electronics

o DVD Players

o V.C.R.s

o Computers

+ Desktops

+ Laptops

+ Palmtops

o Portable MP3 players

o T.V.s

* Automobiles

o Cars

o Buses

o Motorcycles

o Scooters

* Furniture

o Beds

o Tables

o Chairs



The HTML code for the above is:





<UL TYPE="disc"><br /><br /><LI>Electronics</LI><br /><br /> <UL TYPE="square"><br /><br /> <LI>DVD Players</LI><br /><br /> <LI>V.C.R.s</LI><br /><br /> <LI>Computers</LI><br /><br /> <UL TYPE="circle"><br /><br /> <LI>Desktops</LI><br /><br /> <LI>Laptops</LI><br /><br /> <LI>Palmtops</LI><br /><br /> </UL><br /><br /> <LI>Portable MP3 players</LI><br /><br /> <LI>T.V.s</LI><br /><br /> </UL><br /><br /><LI>Automobiles</LI><br /><br /> <UL Type="square"><br /><br /> <LI>Cars</LI><br /><br /> <LI>Buses</LI><br /><br /> <LI>Motorcycles</LI><br /><br /> <LI>Scooters</LI><br /><br /> </UL><br /><br /><LI>Furniture</LI><br /><br /> <UL TYPE="square"><br /><br /> <LI>Beds</LI><br /><br /> <LI>Tables</LI><br /><br /> <LI>Chairs</LI><br /><br /> </UL><br /><br /></UL>





Note how the hierarchical structure is displayed using nested Unordered Lists
tag. We have also used the TYPE attribute and specified the kind of bullet we want for each list.