xhtml lists. there are three types of lists available in xhtml  unordered or bulleted lists ...

Download XHTML Lists. There are three types of lists available in XHTML  Unordered or bulleted lists  Ordered or numbered lists  Definition or directory lists

Post on 21-Jan-2016

213 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • XHTMLLists

  • ListsThere are three types of lists available in XHTMLUnordered or bulleted listsOrdered or numbered listsDefinition or directory lists

  • ListsUnorderedOrderedDefinition

  • Creating ListsUnordered and Ordered Lists use two tags or to begin the list to begin each list item

    Note: Remember there must be a closing tag for each opening tag.

  • Unordered ListsUsed to list any series of items that have no particular order.

  • Unordered ListsThings to do today:

    Pick up dry cleaningGrocery shoppingPay bills

  • Unordered ListsThings to do today:

    Pick up dry cleaningGrocery shoppingPay bills

    Notice the title of the list goes before the tag and is enclosed in the paragraph block element.

  • Unordered ListsThings to do today:Pick up dry cleaningGrocery shoppingPay bills

  • Ordered ListsPerfect for explaining step-by-step instructions for how to complete a particular task or for creating an outline of a larger document.

  • Ordered Lists

    Logon to the computerOpen your journalWrite your Glossary wordWait for instructions

  • Ordered Lists1. Logon to the computer2. Open your journal3. Write your Glossary word4. Wait for instructions

  • Definition ListsParticularly suited to glossaries, but works well with any list that pairs a word or phrase with a longer description.

  • Definition ListsConsist of a term, followed by an indented definition.Use three tags: - begin the list - definition term - definition

  • Definition Lists

    AapplesartistsBbugsballoons

  • Definition ListsAapplesartistsBbugsballoons

  • Nesting ListsYou can nest lists within lists.

    item aitem bitem citem oneitem two

  • Nesting Lists1. item a2. item b3. item citem oneitem two

  • list-style-typeBy default, unordered lists use a disc for each item and ordered lists use numbers. You can change the appearance of either by including the list-style-type property in a style attribute

  • Style attribute - unordered

    Item one Item two

    Item one Item two

    Item one Item two

  • Style attribute - ordered

    Item one Item two

    Item one Item two

    Item one Item two

  • Style attribute - ordered

    Item one Item two

    Item one Item two

  • Comments Why?To remind you (or future editors) what you were trying to achieve with your HTML tags.Great way to add reminders to your text.

  • Comments Why?A comment will be ignored by the browser. You can use them to keep track of revisions.

  • Comments How?Comments start with Example

  • AssignmentExercise 6: Creating listsIndependent Practice: List Assignment