50 likes | 211 Views
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: <UL> </UL> - unordered list <LI> </LI> - list item -(insert between <OL> and <UL> tag)
E N D
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: • <UL> </UL> - unordered list • <LI> </LI> - list item -(insert between <OL> and <UL> tag) • <OL> </OL> - ordered list
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>
Ordered lists • Used <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”>
Nested lists • Used 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.