Tài liệu Cơ bản html p4 docx

Cơ bản html html lists - danh sách Có ba loại list: - unordered list; bullets - ordered list; numbers - definition list; dictionary Nhưng mà chỉ dùng đa số là và , cái nói thiệt

Trang 1

Cơ bản html

html lists - danh sách

Có ba loại list:

<ul> - unordered list; bullets

<ol> - ordered list; numbers

<dl> - definition list; dictionary

Nhưng mà chỉ dùng đa số là <ol> và <ul>, cái <dl> nói thiệt chả thấy gì khác biệt cho lắm! Nhưng tag <ol> thì có tính tuỳ biến cao nhất!

bên trong danh sách luôn có những à ờ nói chung là danh sách Xem ví dụ sẻ rỏ:

<ul> list

Code: [Select]

<ul>

<li>Nguyễn Văn Tí</li>

<li>Quách yên Quẩy</li>

</ul>

Kết quả:

 Nguyễn Văn Tí

 Trần Văn Trội

 Quách yên Quẩy

<ol> list

Code: [Select]

<ol>

</ol>

Kết quả:

1 Nguyễn Văn Tí

2 Trần Văn Trội

3 Quách yên Quẩy

Trang 2

<dl> list

Code: [Select]

<dl>

</dl>

Kết quả:

 Nguyễn Văn Tí

 Trần Văn Trội

 Quách yên Quẩy

Qua ví dụ bạn sẽ thấy <dl> và <ul> không có gì khác nhau! Nhưng đó là bởi vì ta chưa hề thêm

sự tuỳ biến vào

Tuỳ chỉnh thêm cho list

Phần này đa số ta xoáy vào <ol> list

Bạn thấy với ví dụ trên của <ol> list, list đó bắt đầu với 1, rồi tới 2,3 Ta có thể để list này bắt đầu với một số tuỳ chọn, trong ví dụ này mình bắt đầu với 4

Code: [Select]

</ol>

Kết quả:

4 Nguyễn Văn Tí

5 Trần Văn Trội

6 Quách yên Quẩy

Trong list <ol> không những có thể đánh số thứ tự bằng số, mà còn có thể đánh số thứ tự với chữ cái hoặc số La Mã bằng cách thêm thuộc tính type với giá trị theo sau: a,A,i,I

a,A sẽ đánh thứ tự theo chữ cái, nhưng khác nhau là a in thường, A in hoa

Tương tự như thế với i và I

Ví dụ:

Trang 3

Code: [Select]

</ol>

kết quả:

a Mỹ

b Nhật

c Pháp

d Đức

e Anh

Những cái khác các bạn có thể tự hiểu mà không cần ví dụ rồi ha!

Còn với <ul> list, ta lại có một số giá trị của thuộc tính type giúp định dạng cái dấu, các giá trị

đó là: type="square",type="disc",type="circle"

Ví dụ thử cái square

Code: [Select]

</ul>

Kết quả

 Mỹ

 Nhật

 Pháp

 Đức

 Anh

Trong list bạn còn có thể thụt ra thụt vô bằng cách dùng các thẻ <dt> và <dd>

Code: [Select]

Trang 4

<dd>Trung Quấc</dd>

</ul>

Kết quả:

 Mỹ

 Nhật

 Pháp

 Đức

 Anh

Hàn Quấc

Trung Quấc

Và dĩ nhiên bạn cũng có thể lồng list vào list

Code: [Select]

<ol>

<li>Brazil</li>

</ol>

<ul>

</ul>

<li>Trung Quấc</li>

</ul>

</ol>

Kết quả:

1 Châu Mỹ

a Mỹ

Trang 5

b Brazil

2 Châu Âu

o Anh

o Pháp

3 Châu Á

 Trung Quấc

 Nhật Bản

bấy nhiêu đây cũng đả dủ để kết thúc phần html list rồi ha!

Định dạng
Số trang	5
Dung lượng	369,9 KB