button
Google Custom Search
 

Creating ordered and unordered lists in html

In this lesson we used more <h> tags plus a unordered list and a ordered list. To show the difference in the two, I have used a ordered and a unordered list. You decide which one you want to use.

The unordered list

The <ul> tag: This tag is used to form a unordered list. The <ul> is the container tags of a list. Everything in your list goes between the container tags.
<ul>
<li> list item </li>
<li> list item </li>
</ul>

The ordered list

The <ol> tag: This is the container tags of an ordered list. A ordered list is numbered or alphabetically arranged, each item is preceded by a number, a letter, an image and so on.
<ol>
<li> list item </li>
<li> list item </li>
</ol>

List items

The <li> is a list item. Each item in the list is contained in the <li> tags.

Practice makes perfect. You can change your web page as often as you like. Just remember to save your changes before you close notepad.

<html>
<head>
</head>
<body>
<h1>How to build a picnic table</h1>
<p> Building a Picnic table is easy. The secret is to use the right type lumber and to use the proper tools. </p>
<p> The best picnic tables are constructed from <b>Redwood</b> because of its natural resistance to decay. </p>
<h2> Materials you will need </h2>
Below is a list of the material you will need to build a picnic table.
<ul> <li> 4 2x4x8' long</li>
<li> 6 2x6x8' long </li>
<li> galvanized screws </li> </ul>

<h3> Tools you will need</h3>
<ol> <li> a saw</li>
<li> a measuring tape</li>
<li> a hammer</li></ol>

</body>
</html>

View results

go to the next terrific page To add image links to your web page

Welcome to Pro-dezign Web Essentials, your IP address is: 38.103.63.60 and you came from: Page was directly requested