Chapter 3 BIE1313/BPROG1203 | Web design Prepared by Mohamed Abdulkarim / Mike Ng Ah Ngan

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Introduction to List HTML offers authors several mechanisms for specifying lists of information. All lists must contain one or more list elements. Lists may contain: Unordered information. Ordered information.

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Types of List Ordered list  There are 4 other types of ordered lists. By default, an ordered list is listed with numbers.  The numbers can be replaced with Roman numerals or letters, both capital and lower-case. Use the type attribute to change the numbering.

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Ordered List (Numbered List) Numbered lists are called ordered lists and are enclosed with a. Each item within the list starts with an tag. The tag defines a list item. Changing the type attribute 

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Example of Numbered list My favorite foods are: Sushi Thai food Chicken rice McD

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Types of List Unordered list  Undordered list are bullet list.  The default bullet displayed by most web browsers is the traditional full disc.  The bullet itself comes in three flavors: squares, discs, and circles. Example: –Milk –Bread –Cereal

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Unordered list (Bulleted lists) The tag defines an unordered list (a bulleted list). Bulleted lists are called unordered lists because the items in the list are not numbered, and are enclosed with a. Each item within the list starts with an tag. Different type attribute for unordered list: 

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Example of Numbered list My favorite foods are: Sushi Thai food Chicken rice McD

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Nested list My favorite drinks are: Fruit Juice Watermelon Orange Star fruit Lemonade Soya Bean Sugar Cane

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design Try it… This is an example of list: The ingredients: o 100 g. flour o 10 g. sugar o 1 cup water o 2 eggs o Salt o Pepper The procedure: 1. Mix dry ingredients thoroughly. 2. Pour in wet ingredients. 3. Mix for 10 minutes. 4. Bake for one hour at 300 degrees.

ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of Creative Technology Worldwide Faculty of Information and Communication Technology BIE1313/BPROG1203 | Web Design End of Lecture