Creating a Site Map for your web site

The simplest way to create a site map is to use the HTML Unordered Lists tag <UL>. 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 <UL> 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
  • DVD Players
  • V.C.R.s
  • Computers
    • Desktops
    • Laptops
    • Palmtops
  • Portable MP3 players
  • T.V.s
• Automobiles
  • Cars
  • Buses
  • Motorcycles
  • Scooters
• Furniture
  • Beds
  • Tables
  • Chairs

The HTML code for the above is:

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

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

1 | 2 | 3 | 4 | 5 | 6