Lists

1
Lists

• N100
• Building a Simple Web Page

2
Creating Lists

• Lists are a very important tool in proper Web
  page authoring because they provide a way of
  logically ordering a series of words or numbers
• They also provide a simple, yet effective design
  technique for making it easier for Web site
  visitors to locate information
• You can add lists to a Web page unordered lists,
  and ordered lists

3
Creating Lists
4
Unordered Lists

• An unordered list is a series of bulleted items
• To define the items you want to appear in the
  bulleted list, you nest ltligt elements within a
  ltulgt element

5
Unordered Lists
To create an ordered list, you will use this
code ltulgt ltligtThe Flashlt/ligt ltligtThe
Green Lanternlt/ligt ltligtThe Spectrelt/ligt
ltligtThe Hawkmanlt/ligt ltligtDr. Fatelt/ligt
ltligtThe Hour-Manlt/ligt ltligtThe Sandmanlt/ligt
ltligtThe Atomlt/ligt ltligtJohnny
Thunderlt/ligt lt/ulgt
6
Unordered Lists

• Your unordered list will look like this
• The Flash
• The Green Lantern
• The Spectre
• The Hawkman
• Dr. Fate
• The Hour-Man
• The Sandman
• The Atom
• Johnny Thunder

7
Unordered Lists as it appears on the Web
8
Ordered Lists

• An ordered list is a series of numbered items
• To define the items you want to appear in the
  numbered list, you nest ltligt elements within an
  ltolgt element

9
Ordered Lists
To create an ordered list, you will use this
code ltolgt ltligtSean Connerylt/ligt
ltligtGeorge Lazenbylt/ligt ltligtRoger Moorelt/ligt
ltligtTimothy Daltonlt/ligt ltligtPierce
Brosnanlt/ligt lt/olgt
10
Ordered Lists

• This what an ordered list will look like,
• Sean Connery
• George Lazenby
• Roger Moore
• Timothy Dalton
• Pierce Brosnan

11
Ordered Lists as it appears on the Web