Presentation is loading. Please wait.

Presentation is loading. Please wait.

Ordered & Unordered Lists in HTML

Similar presentations


Presentation on theme: "Ordered & Unordered Lists in HTML"— Presentation transcript:

1 Ordered & Unordered Lists in HTML

2 Items on the List are Numbered
Ordered List

3 <ol> Tag Pair of tags that surround the entire list Short for Ordered List

4 <li> Tag Pair of tags that surround each individual item on list Short for List Item

5 Example By Default, Numbering is Ascending (Increasing) and in Decimal Notation

6 For Use with Ordered Lists
Optional Attributes

7 start Specifies alternate starting value for list numbering Example:

8 reversed Counts down – numbers in descending order

9 List Uses Bullets Unordered List

10 <ul> Tag Pair of tags that surround the entire list Short for Unordered List

11 <li> Tag Pair of tags that surround each individual item on list Short for List Item

12 By Default, Bullets are Style “disc” – filled in circles
Example By Default, Bullets are Style “disc” – filled in circles

13 Notice: <li> not closed until contained elements are completed
Nesting Lists in Lists Accomplish by creating an additional pair of <ol> or <ul> tags inside a particular <li> Example: Notice: <li> not closed until contained elements are completed

14 Notice: <li> not closed until contained elements are completed
Nesting Example: Notice: <li> not closed until contained elements are completed

15 Nesting You can continue to nest as many levels deep as you like Not limited to just two levels


Download ppt "Ordered & Unordered Lists in HTML"

Similar presentations


Ads by Google