WEB Design using HTML 5

Topic covered

OL, UL, Li, list_style-type,CSS -Cascade style sheet

Exercise


Download: class_4_-_ordered_and_unordered_list.docx


Download: Class_4_Part_II_unordered_list_css_style_.docx


Download: Class_4_Part_III_ordered_list_css_style_.docx


Exercise Solution


Download: class_4-_ordered_and_unordered_list_solution.html


Download: class_4__part_II-_unordered_list_-css_style.html


Download: class_4__part_III-_ordered_list_-css_style_4TiNuSP.html


Video Tutorial

https://www.youtube.com/edit?o=U&video_id=Rbp60psDuqA

class 4- Part 2 unordered list css style

https://www.youtube.com/edit?o=U&video_id=wqY635jp1zw

class 4- Part 3 ordered list css style

https://www.youtube.com/edit?o=U&video_id=1BHYJjWo2sc

Resource


Unordered List Style Type


disc

Default value. The marker is a filled circle

circle

The marker is a circle

square

The marker is a square



Order List-style-type

list_style_type="decimal"

The marker is a number (1,2,3….)

list_style_type="decimal-leading-zero"

The marker is a number with leading zeros (01, 02, 03, etc.)

list_style_type="lower-alpha"

The marker is lower-alpha (a, b, c, d, e, etc.)

list_style_type="lower-roman"

The marker is lower-roman (i, ii, iii, iv, v, etc.)

list_style_type="upper-alpha"

The marker is upper-alpha (A, B, C, D, E, etc.) 

list_style_type="upper-roman"

The marker is upper-roman (I, II, III, IV, V, etc.)



Return to top