Home >> FAQs/Tutorials >> XHTML Tutorials and Tips >> Index

XHTML Tutorial - Ordered List Item Markers

By: FYIcenter.com

(Continued from previous topic...)

How To Use Different Markers on Ordered List Items?

By default, browsers will use decimal numbers as the item markers for ordered lists. If you want to change them to something else, like alphabetical letters, you need to use CSS properties. Here is a tutorial sample showing you how to set item markers to be lower case alphabetical letters:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>List Item Markers</title>
 </head>
 <body>
  <h4>XHTML Quiz by FYIcenter.com:</h4>
  <p>What is the root element of an XHTML document?</p>
  <ol style="list-style-type: lower-alpha">
  <li><root></li>
  <li><xml></li>
  <li><html></li>
  <li><xhtml></li>
  </ol>
  <p>Your answer: ______</p>
 </body>
</html>

If you save the above document as alpha_item_marker.html, and view it with Internet Explorer, you will see a list of 4 items with alpha letters as item markers as shown below:
            Item Markers

(Continued on next topic...)

  1. What Are List Elements?
  2. What Is an "ol" Tag/Element?
  3. What Is a "li" Tag/Element?
  4. Can Multiple Paragraphs Be Included in a List Item?
  5. What Is a "ul" Tag/Element?
  6. What Is a "dl" Tag/Element?
  7. Can List Elements Be Nested?
  8. How To Use Different Markers on Ordered List Items?
  9. How To Use Different Markers on Unordered List Items?


Selected Developer Jobs:

More...