5

List in webpage

Embed Size (px)

Citation preview

Page 1: List in webpage
Page 2: List in webpage

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: List in webpage

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: List in webpage

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: List in webpage

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.