1 / 7

Understanding Ordered and Unordered Lists in XHTML

Explore the two main types of lists in XHTML: ordered and unordered lists. Ordered lists are used for sequences or preferences and are formatted with numbers or letters, perfect for instructions like recipe steps. In contrast, unordered lists feature items without a specific order, utilizing bullet points or symbols. Discover how to implement these lists with XHTML markup and see practical examples, such as listing favorite books or structuring a term paper with nested lists. Learn the advantages of using lists in HTML to enhance readability and organization.

fawn
Télécharger la présentation

Understanding Ordered and Unordered Lists in XHTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Lists in XHTML

  2. Two main types of lists Ordered Lists • sequences (e.g. the steps in a recipe) or preferences • carry numbers (Arabic or Latin) or letters Example: • first step • second step • third step Unordered Lists • items that do not have a natural order (e.g. the ingredients in a recipe) • carry bullet points, symbols or dashes Example: • first item • second item • third item

  3. XHTML Markup Source Code: Result in thebrowser: first item second item third item <ol> <li>first item</li> <li>second item</li> <li>third item</li> </ol>

  4. Advantages • numberingisdoneautomatically: Myfavouritebooks: • Alice in Wonderland • Peter Pan • Lord ofthe Rings Harry Potter

  5. Advantages Source Code: <ol> <li>Alice in Wonderland</li> <li>Harry Potter</li> <li>Peter Pan</li> <li>Lord oftheRings</li> </ol>

  6. The newlist: Myfavouritebooks: • Alice in Wonderland • Harry Potter • Peter Pan • Lord ofthe Rings

  7. Nested Lists Writing a term paper: Source code: <ol> <li>Finding a topic</li> <li>Collectingliterature <ul> <li>fromthelibrary</li> <li>fromtheinternet</li> </ul> </li> <li>Writing thetext</li> </ol> • Finding a topic • Collecting literature • from the library • from the internet • Writing the text

More Related