Jumat, 11 Oktober 2013

ayahsaba76.blogspot.com
So, you want to make a Web Page!
Lesson 20
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>
  1. a big red truck
  2. a real fast speedboat
  3. a drum set
  4. a BB gun
  5. 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>
  1. Fruits
    • apples
    • oranges
    • bananas
  2. Nuts
    • peanuts
    • macadamia
  3. Vegetables
    • cucumbers
    • peppers
    • lettuce