Document Sample
LISTS Powered By Docstoc
5 Different Kinds
   HTML defines these five kinds of lists:

• Bulleted - unordered lists, typically labeled with bullets or
  some other symbol
• Glossary - each item in the list has a term and a definition
  for that term
• Menu - list of short explanations, typically one line
• Directory - lists of short items that can be arranged
  vertically or horizontally
• Numbered - ordered lists, typically labeled with numbers
• NOTE: lists may be nested, that is, a list can be an item in
  another list
                 List Tags:
• Entire list is surrounded by the appropriate
  block tags (opening and closing tags) for the
  kind of list (for example, <UL> and </UL>,
  or <MENU> and </MENU>).
• Each list item within the list has its own text
  tag: <DT> and <DD> for the glossary lists,
  and <LI> for all the other lists.
           Example of a List:
• <H3>Teacher’s Awesome Tomato Sauce</H3>
• <OL>
• <LI>Go to grocery store
• <LI>Buy Newman’s Own Marinara Sauce
• <LI>Pay for it
• <LI>Bring it home
• <LI>Open it
• <LI>Heat it and pour over pasta
• <LI>Eat and enjoy
• </OL>
• “1” - Standard Arabic numerals (that is, 1, 2, 3, 4, and so
• “a” - Specifies that lowercase letters (that is, a, b, c, d, and
  so on)
• “A”- Specifies that uppercase letters should be used to
  number the list (that is, A, B, C, D, and so on)
• “ i “ - Specifies that lowercase Roman numerals should be
  used to number the list (that is i, ii, iii, iv, and so on)
• “ I “ - Specifies that uppercase Roman numerals should be
  usd to number the list (that is, I, II, III, IV and so on)
• By default TYPE=“1” is assumed.
• <OL TYPE=“a”> is the way you can
  number your list in another way
• <OL TYPE=“I” START=3> will start the
  ordered list with the number 3.
            Unordered Lists
• The elements can appear in any order.
• An unordered list looks just like an ordered
  list except that the list is indicated using
  <UL>….</UL> instead of OL.
           Bullet Attributes
• <UL TYPE=“disc”> A disc or bullet
• <UL TYPE=“square”> A square instead of
  a disc
• <UL TYPE=“circle”> An unfilled circle
• You can change the bullet type for one item
  in a list by the TYPE attribute in the <LI>
 Glossary Lists Have Two Parts

• A Term <DT>
• The term’s definition <DD>
• The entire list is indicated by
  the block tags <DL>…..</DL>
      An Example of a Glossary
•   <DL>
•    <DT>great<DD>more than good
•    <DT>teacher<DD>one who instructs
•   </DL>
        Menus are lists of Items
•   No bullets or numbers
•   similar to simple lists of paragraphs
•   indicated by <MENU>…..</MENU>
•   List items are indicated using <LI>
            Summary of Lists
 Lists open with block tags <OL>, <UL>, <DL>
 Ordered or unordered list items are tagged with
 Glossary List items use <DT> for the terms and
  <DD> for tha definitions
 Lists will organize your page so your readers will
  have an easier time reading the information
You will practice lists in Chapter 2 labs

Shared By: