HTML Ordered List 'ol' Tag/Element

Q

What Is an "ol" Tag/Element?

✍: FYIcenter.com

A

An "ol" element is block level element that can be used to define an ordered list, where items are displayed with leading sequential numbers. Here are basic rules about "ol" elements:

"ol" elements are block level elements.
"ol" elements can not have text contents.
An "ol" element must have one or more "li" elements as sub-elements.
Each "li" element will be displayed by browsers as a paragraph with a leading number to represent the position of this "li" element in its parent "ol" element.

Below is a good tutorial example of "ol" elements:

<?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>Ordered Lists</title>
 </head>
 <body>
  <p>The most visited sites in 'Computers' category:</p>
  <ol>
  <li>Yahoo! - www.yahoo.com</li>
  <li>Google - www.google.com</li>
  <li>MSN - www.msn.com</li>
  </ol>
 </body>
</html>

If you save the above document as ordered_list.html, and view it with Internet Explorer, you will see a list of items with leading sequential numbers as shown below:

⇒ HTML List Item 'li' Tag/Element

⇐ What Are HTML List Elements

⇑ HTML Lists and List Items

⇑⇑ HTML Tutorials

2017-06-16, 1722🔥, 0💬

HTML Definition List 'dl' Tag/Element
What Is a "dl" Tag/Element? A "dl" element is block level element that can be used to define a definition list, where items are displayed with leading terms. Here are basic rules about "dl" elements: "dl" elements are block level elements. "dl" elements can not have text contents. An "dl" element mu... 2017-05-29, ∼2509🔥, 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, ∼1742🔥, 0💬

HTML Ordered List 'ol' Tag/Element
What Is an "ol" Tag/Element? An "ol" element is block level element that can be used to define an ordered list, where items are displayed with leading sequential numbers. Here are basic rules about "ol" elements: "ol" elements are block level elements. "ol" elements can not have text contents. An "o... 2017-06-16, ∼1723🔥, 0💬

HTML Un-ordered List 'ul' Tag/Element
What Is a "ul" Tag/Element? A "ul" element is block level element that can be used to define an un-ordered list, where items are displayed with leading bullets. Here are basic rules about "ul" elements: "ul" elements are block level elements. "ul" elements can not have text contents. An "ul" element... 2017-05-29, ∼1658🔥, 0💬

HTML Lists and List Items
Where to find tutorials of introduction to HTML Lists and List Items? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML Lists and List Items. Clear answers are provided with tutorial examples on list elements for ordered list... 2017-06-16, ∼1647🔥, 0💬

What Are HTML List Elements
What Are HTML List Elements? HTML offers 3 list elements: "ol" - Ordered List: A list of items with leading sequential numbers. "ul" - Unordered List: A list of items with leading bullets. "dl" - Definition List: A list of items with leading terms. Here are some generic rules about list elements: Li... 2017-06-16, ∼1591🔥, 0💬

HTML List Item 'li' Tag/Element
What Is a "li" Tag/Element? An "li" element is flow type element, which can be used only as a child element of "ol" and "ul" elements. An "li" element can be used to define a list item. Here are basic rules about "li" elements: "li" elements can only be used as sub-elements of "ol" and "ul" elements... 2017-06-16, ∼1572🔥, 0💬

Hyper Link Points to a ZIP File
What Happens If a Hyper Link Points to a ZIP File? If you want to build a hyper link to allow visitors to access a ZIP file by clicking a hyper link, you can put the URL of the ZIP file directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch the PDF f... 2017-07-03, ∼1567🔥, 0💬

Hyper Link Points to a PDF File
What Happens If a Hyper Link Points to a PDF File? If you want to build a hyper link to allow visitors to access a PDF file by clicking a hyper link, you can put the URL of the PDF file directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch the PDF f... 2017-07-03, ∼1539🔥, 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.