HTML Tutor | Web Design

HTML Tutor!

HTML Tutor, learn to author your own website

Resources

Please sign up for our Free News Letter
Please help us by taking this 1 minute survey!

We can change the type of an ordered list...

<body>
<ol type="A">
<li>a big red truck
<li>a real fast speedboat
<li>a drum set
<li>a BB gun
<li>a Melanie Griffith
</ol>
</body>

a big red truck
a real fast speedboat
a drum set
a BB gun
a Melanie Griffith

And we can change the type in an unordered list...

<body>
<ul type="circle">
<li>a big red truck
<li>a real fast speedboat
<li>a drum set
<li>a BB gun
<li>a Melanie Griffith
</ul>
</body>

a big red truck
a real fast speedboat
a drum set
a BB gun
a Melanie Griffith

The following list types are available...

<ol> Ordered List		<ul> Unordered List
type="1" - numeric: 1,2,3,4... (default) type="a" - lower alpha: a,b,c,d... type="A" - upper alpha: A,B,C,D... type="i" - lower roman: i,ii,iii,iv... type="I" - upper roman: I,II,III,IV...		type="disc" (default) type="circle" type="square"

One more example before we move on. Note that lists can also be nested...

<ol>
<li>Fruits
   <ul>
   <li>apples
   <li>oranges
   <li>bananas
   </ul>
<li>Nuts
   <ul>
   <li>peanuts
   <li>macadamia
   </ul>
<li>Vegetables
   <ul>
   <li>cucumbers
   <li>peppers
   <li>lettuce
   </ul>
</ol>

Fruits
- apples
- oranges
- bananas
Nuts
- peanuts
- macadamia
Vegetables
- cucumbers
- peppers
- lettuce

<< BACK NEXT >>

So, you want to make a Web Page!

Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

Index & Quick Reference Table of Contents ColorPicker BareBones HTML Guide

Color Charts Simple Font Widget Practice Exercises Where are my images?

Print version of this tutorial available - Get the PageTutor Book & CD

Tutorial reposted with permission, courtesy PageTutor.com

Please sign up for our Free News Letter
Please help us by taking this 1 minute survey!

[ HTML Tutor ] | [ CSS Tutorial ] |