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

XHTML Tutorial - Nested List Elements

By: FYIcenter.com

(Continued from previous topic...)

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 elements to build a 3-level table of contents:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  <title>Nested Lists</title>
  <h3>Tutorial Tips by FYIcenter.com:</h3>
  <li><strong>XHTML Tutorials/FAQs</strong> - 116 Entries
   <li>Introduction To XHTML 1.0
    <li>What Is XHTML?</li>
    <li>What Does an XHTML Document Look Like?</li>
    <li>What Is the Relation between XHTML and HTML?</li>
    <li>What Is the Relation between XHTML and XML?</li>
   <li>Introduction To Tag and Attribute Syntax
    <li>What Is an XHTML Element?</li>
    <li>How To Enter Comments into XHTML documents?</li>
    <li>How To Write the Opening Tag of an XHTML Element?</li>
    <li>How To Closing an XHTML Element?</li>
  <li><strong>PHP Tutorials/FAQs</strong> - 204 Entries
   <li>Understanding and Managing Cookies
    <li>What Is a Cookie?</li>
    <li>How To Send a Cookie to the Browser?</li>
    <li>How To Receive a Cookie from the Browser?</li>

If you save the above document as nested_lists.html, and view it with Internet Explorer, you will see a list tree of 3 levels as shown below:
            Nested Lists

(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: