1 / 7

Lists in XHTML

Lists in XHTML. 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)

fawn
Download Presentation

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