Web Training Center

Making lists are made easier with tags. There are two different kinds of lists, ordered and unordered. Ordered lists are numbered and unordered lists have bullets instead of numbers on the pages. To make a list you use the appropriate tag, <ol> </ol> for ordered list and <ul> </ul> for unordered lists. The only tag that is left is the individual line item tags <li> </li>.


	<strong>Steps in making a water balloon:</strong>


	<ol>

	   <li>Collect all of the materials.</li>

	   <li>Stretch out one balloon and attach the balloon to the
    water faucet.</li>

	   <li>Turn on the tap water.</li>

	   <li>Fill the balloon without breaking it and tie the balloon
    shut.</li>

	   <li>Turn off the water and proceed to launch.</li>

	</ol>


	<em>Materials for making water balloons:</em>


	<ul>

	   <li>Access to a water faucet.</li>

	   <li>Package of balloons (not too big!)</li>

	   <li>A towel just in case someone gets you first!</li>

	</ul>

You can see the difference in the ordered lists and the unordered lists. In addition to listing steps, or list materials for water balloons (for instance), lists are very useful for menus as well. Consider the following:


		<ul>

		   <li><a href='#'>Home</a></li>

		   <li><a href='#'>Links</a></li>

		   <li><a href='#'>Biography</a></li>

		</ul>

If you don't like the bullets in front of the list, it is possible to turn them off via CSS.