CHAPTER 4 LIST IN WEB PAGE

5

description

CHAPTER 4 LIST IN WEB PAGE. List in web page. Used to present the information. 3 types on list: Unordered list Nested Ordered list Tags that we use to insert list in web pages are: - unordered list - list item -(insert between and tag) - PowerPoint PPT Presentation

Transcript of CHAPTER 4 LIST IN WEB PAGE

Page 1: CHAPTER 4 LIST IN WEB PAGE
Page 2: CHAPTER 4 LIST IN WEB PAGE

List in web pageUsed to present the information.

3 types on list:Unordered listNestedOrdered list

Tags that we use to insert list in web pages are:<UL> </UL> - unordered list <LI> </LI> - list item -(insert between <OL> and

<UL> tag)<OL> </OL> - ordered list

Page 3: CHAPTER 4 LIST IN WEB PAGE

Unordered lists Creates a list in which every line begin with a BULLET MARKS.

All entries in a unordered list must be enclosed within <UL>……..</UL> tags.

THREE bullet type: solid round bullet square bullet empty round bullet

Can insert <LI> tags, which creates a line brake and insert a bullet mark at the beginning of the line.

Syntax:<UL> <LI> TEXT</LI>

<LI> TEXT </LI></UL>

Page 4: CHAPTER 4 LIST IN WEB PAGE

Ordered listsUsed <OL>..</OL> tags.

Every item in an ordered list begin with a sequence number.

We can change the sequence TYPE by insert an ATTRIBUTE TYPE in the <OL> opening tag.Example: <OL TYPE=“ 1”>

Can insert the TYPE ATTRIBUTE into an individual <LI> tag if we want to change the list entry only.Example: <LI TYPE= “a”>

Page 5: CHAPTER 4 LIST IN WEB PAGE

Nested listsUsed when we want to display the information in outline form.

Used <UL> AND < LI> tags.

Its have more than one <UL></UL>, <OL> </OL> and <LI> </LI> tags in one page.

When we insert the new list, the browser will indent the list one level and will change the bullet type of reflect the nesting.