HTML and CSS Reference
In-Depth Information
Constructing HTML lists in two easy steps
Creating an HTML list requires two elements that, when used together,
form the list. The first element is used to mark up each
list item
. The
second determines what kind of list you're creating:
ordered
or
unordered
.
Let's step through creating Tony's list of cities in HTML.
Step one:
Put each list item in an <li> element.
To create a list, you put each list item in its own
<li>
element,
which means enclosing the content in an opening
<li>
tag and
a closing
</li>
tag. As with any other HTML element, the
content between the tags can be as short or as long as you like
and broken over multiple lines.
<h2>
August 20, 2012
</h2>
<img src="images/segway2.jpg">
<p>
Well I've made it 1200 miles already, and I passed
through some interesting places on the way:
</p>
<li>
Walla Walla, WA
</li>
<li>
Magic City, ID
</li>
<li>
Bountiful, UT
</li>
<li>
Last Chance, CO
</li>
<li>
Why, AZ
</li>
<li>
Truth or Consequences, NM
</li>
Each of these <li>
elements will beco
me
an item in the list
.
<h2>
July 14, 2012
</h2>
<p>
I saw some Burma Shave style signs on the side of
the road today:
</p>
