HTML - HTML Ordered List Item Markers

HTML Ordered List Item Markers

Q

How To Use Different Markers on Ordered List Items?

✍: FYIcenter.com

A

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:
HTML ol Element - List with Alpha Item Numbers

⇒HTML Lists and List Items

⇒⇒HTML Tutorials

2017-05-29, 657👍, 0💬

HTML Ordered List Item Markers
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 mark... 2017-05-29, 658👍, 0💬

HTML Tables and Table Cells
Where to find tutorials of introduction to HTML Tables and Table Cells? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML Tables and Table Cells. Clear answers are provided with tutorial exercises on table elements like: tabl... 2017-05-20, 628👍, 0💬

HTML Un-ordered List Item Markers
How To Use Different Markers on Unordered List Items? By default, browsers will use solid dots as the item markers for unordered lists. If you want to change them to something else, like tiny squares, you need to use CSS properties. Here is a tutorial example showing you how to set item markers to b... 2017-05-20, 550👍, 0💬

HTML Nested List Elements
Can List Elements Be Nested? Yes. You can nest list element within each other because: List items can have block elements as contents. List elements are block elements. List items can have list elements as contents resulting nested list elements. Below is a good tutorial example of using nested list... 2017-05-29, 536👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.