TÌM HIỂU VỀ LIST ppt

LIST
KHOA CÔNG NGH THÔNG TIN
ThS.Nguyn Văn Lt
HTML List
• C 3 loi list
– List không thứ tự: <ul>…. </ul>
– List c thứ tự: <ol>…</ol>
– List đưc đnh ngha <dl>…</dl>
• Mi phn tử list đưc đnh du qua <li>…</li>
• V d list không thứ tự
– <ul>
• <li> first item </li>
• <li> second item </li>
• <li> third item </li>
– </ul>
HTML List
• V d List c thứ tự
– <ol>
• <li> first item </li>
• <li> second item </li>
• <li> third item </li>
– </ol>
HTML List
• “List đnh ngha” cho php bn lit kê cc mc và đnh
ngha ca chng
– Mi phn tử bt đu vi <dt>
– Mi đnh ngha bt đu vi <dd>
• V d
HTML List đưc bao
• Ch nhng phn tử m cho php trc tip trong mt
danh sch c thứ tự hoc không thứ tự l <li></li>

• Nu mun bao mt danh sch trong mt danh sch,
chng ta cn đt danh sch trong mt danh sch thch
hp
CSS List
• List-style-type:
– None: không hin thị đnh đu
– Disc, circle, square: hin thị loi đnh đu trn,
vuông,
– Sử dng số (order list)
• Decimal, decimal-leading-zero
• Lower-roman, upper-roman
– Sử dng chữ ci (order list)
• Lower-alpha, upper-alpha
• Lower-latin, upper-latin
• Lower-greek
CSS List
• List-style-image:
– None, [url]
• List-style-position:
– Inside: trong khi
– Outside: ngoi khi
• List-style: cch vit ngn
– List-style-type list-style-position list-style-image
CSS List: V d
CSS List: V d