Page 1 of 1

HTML for sodales, LESSON 7

PostPosted: Sun Dec 05, 2004 9:29 am
by Lucius Tyrrhenus Garrulus
LESSON 7

CREATING AN ORDERED LIST


1) Open up the document you created in LESSON 6 in Notepad.

2) After the unordered list you created in LESSON 6 type in the following code:

Code: Select all
<ol>
<li>Gallia
<li>Hispania
</ol>
Notepad should look like this:

Code: Select all
<html>

<head>

<title>
SocietasViaRomana
</title>

</head>

<body bgcolor="white" text="black" link="red" alink="blue" vlink="black" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<b>Hello</b> my name <i>is</i> Lucius.
<br>
I am a member of <u>SocietasViaRomana</u>.
<br>
<br>
<a href="http://www.societasviaromana.org/">Go to SocietasViaRomana</a>
<ul>
<li>Italia
<li>Germania
</ul>
<ol>
<li>Gallia
<li>Hispania
</ol>

</body>

</html>



3) Save this page and view it according to the instructions in Step 6 of LESSON 1.


Let's explain this:

The ordered list tags are <ol> and </ol>
The list item has a single tag which is: <li>


If you want to create an ordered list with capital Roman numerals, replace the opening list tag with this:

Code: Select all
<ol type="I">



If you want to create an ordered list with lower case Roman numerals, replace the opening list tag with this:

Code: Select all
<ol type="i">