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 . 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. (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:. 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