Ngôi Làng Của Gió 3D 1.1.7
-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
Mã nguồn:[Chọn]
<ul>
<li>Nguyễn Văn Tí</li>
<li>Trần Văn Trội</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
Mã nguồn:[Chọn]
<ol>
<li>Nguyễn Văn Tí</li>
<li>Trần Văn Trội</li>
<li>Quách yên Quẩy</li>
</ol>
Kết quả:
1.Nguyễn Văn Tí
2.Trần Văn Trội
3.Quách yên Quẩy<dl> list
Mã nguồn:[Chọn]
<dl>
<li>Nguyễn Văn Tí</li>
<li>Trần Văn Trội</li>
<li>Quách yên Quẩy</li>
</dl>
Kết quả:
*.Nguyễn Văn Tí
*.Trần Văn Trội
*.Quách yên QuẩyQua 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
Mã nguồn:[Chọn]
<ol start="4">
<li>Nguyễn Văn Tí</li>
<li>Trần Văn Trội</li>
<li>Quách yên Quẩy</li>
</ol>
Kết quả:
1.Nguyễn Văn Tí
2.Trần Văn Trội
3.Quách yên QuẩyTrong 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,Ia,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ụ:
Mã nguồn:[Chọn]
<ol type="a">
<li>Mỹ</li>
<li>Nhật</li>
<li>Pháp</li>
<li>Đức</li>
<li>Anh</li>
</ol>
Kết quả :
a.Mỹ
b.Nhật
c.Pháp
d.Đức
e.AnhNhữ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
Mã nguồn:[Chọn]
<ul type="square">
<li>Mỹ</li>
<li>Nhật</li>
<li>Pháp</li>
<li>Đức</li>
<li>Anh</li>
</ul>
Kết quả:
*.Mỹ
*.Nhật
*.Pháp
*.Đức
*.AnhTrong 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>
Mã nguồn:[Chọn]
<ul type="square">
<li>Mỹ</li>
<li>Nhật</li>
<li>Pháp</li>
<li>Đức</li>
<li>Anh</li>
<dt>Hàn Quốc</dt>
<dd>Trung Quấc</dd>
</ul>
Kết quả:
*.Mỹ
*.Nhật
*.Pháp
*.Đức
*.Anh
Hàn Quốc
Trung QuấcVà dĩ nhiên bạn cũng có thể lồng list vào list
Mã nguồn:[Chọn]
<ol>
<li>Châu Mỹ</li>
<ol type="a">
<li>Mỹ</li>
<li>Brazil</li>
</ol>
<li>Châu Âu</li>
<ul>
<li>Anh</li>
<li>Pháp</li>
</ul>
<li>Châu Á</li>
<ul type="square">
<li>Trung Quấc</li>
<li>Nhật Bản</li>
</ul>
</ol>
Kết quả:
1.Châu Mỹ
a.Mỹ
b.Brazil
2.Châu Âu
*.Anh
*.Pháp
3.Châu Á
*.Trung Quấc
*.Nhật Bản
ThucdaikĐăng lúc:14:16 20/11/2016
Chia sẻ bài viết:
☆BÌNH LUẬN
0: php_network_getaddresses: getaddrinfo failed: Name or service not known
☆ BẠN XEM CHƯA?
※ TRUNG TÂM HỖ TRỢ
Yahoo!:AdmjnWapViip@yahoo.com
Gmail:AdmjnWap@Gmail.Com
[SMS]0932812053
Tải Uc Browser 9.6 bản mới vào mạng và download nhanh gấp 8 lần OperaUc Browser,OperaMini