Ngôn ngữ HTML - Danh sách có thứ tự
Danh Sách Có Đánh Số Thứ Tự
Danh sách có đánh số TT là: Loại danh sách có đánh thứ tự theo số hay theo ký tự (Numbering) đầu mỗi đoạn.
Cách tạo danh sách có thứ tự:
<ol>
<li> Mục 1 của danh sách </li>
<li> Mục 2 của danh sách</li>
. . . . . . .
<li> Mục n của danh sách</li>
</ol>
Ví dụ: Tạo danh sách có thứ tự sau:
<HTML>
<HEAD><TITLE> Chuong Trinh DT </TITLE></HEAD>
<BODY>
<H3> CHƯƠNG TRÌNH ĐÀO TẠO THIẾT KẾ WEB </H3>
<ol>
<li> Ngôn ngữ HTML & FrontPage </li>
<li> DreamWeaver MX </li>
<li> Khai thác và Quản trị Domain,Hostting</li>
<li> Ngôn ngữ kịch bản JavaScript;</li>
<li> Ngôn ngữ lập trình ASP & SQLServer</li>
</ol>
</BODY></HTML>
Thay đổi cách đánh số thứ tự
<ol type=Trị> ->Kiểu STT cho toàn văn bản danh sách
<li yype= Trị> Mục của danh sách ->Kiểu STT cho 1 mục chỉ định
Các trị kiểu, danh sách đánh số có 5 kiểu như sau:
- Kiểu số (1, 2, 3)
- Kiểu số La Mã (I, II, III)
- Kiểu số La Mã thường (i, ii, iii)
- Kiểu chữ hoa (A, B, C)
- Kiểu chữ thường (a, b, c)
Để biển diễn 5 kiểu trên ta phải sử dụng thuộc tính type trong thẻ <ol>
Thuộc tính | Diễn giải |
type="1" | Đây là kiểu mặc định, ở đó các danh mục được đánh bằng các con số (1, 2, 3,...) |
type="I" | Với kiểu này, danh mục được đánh bằng các ký tự La Mã (I, II, II, IV, ...) |
type="i" | Với kiểu này, danh mục được đánh bằng các ký tự La Mã thường (i, ii, iii, iv,..). |
type="a" | Với kiểu này, danh mục được đánh bằng các ký tự chữ thường (a, b, c, ..). |
type="A" | Với kiểu này, danh mục được đánh bằng các ký tự chữ hoa (A, B, C, ...). |
Ví dụ: Tạo danh sách có thứ tự với nội dung:
<HTML>
<HEAD>
<TITLE> Chương Trình Đào Tạo</TITLE>
</HEAD>
<BODY >
<H3> CHƯƠNG TRÌNH ĐÀO TẠO THIẾT KẾ WEB </H3>
<ol TYPE="A">
<li> Ngơn ngữ HTML & FrontPage</li>
<li> DreamWeaver MX </li>
<li> Ngơn ngữ kịch bản JavaScript;</li>
<li> Ngơn ngữ ASP & SQLServer</li>
</ol>
</BODY>
</HTML>
Chỉ định giá trị khởi đầu
<ol Start=Trị> : ->Tác động tất cả các mục trong danh sách trừ khi mục trong dánh sách chỉ định khác.
<li Value = Trị> Mục của danh sách : ->Tác động mục chỉ định và các mục sau đó nếu các mục này không chỉ định khác.
Ví dụ:
<HTML>
<HEAD><TITLE> Chương Trình Đào Tạo </TITLE></HEAD>
<BODY >
<H3> CHƯƠNG TRÌNH ĐÀO TẠO THIẾT KẾ WEB </H3>
<ol Type="1">
<li> Ngôn ngữ HTML & FrontPage </li>
<li> DreamWeaver MX </li>
<li> Ngôn ngữ kịch bản JavaScript;</li>
<li> Ngôn ngữ ASP & SQLServer</li>
</ol>
<H3> CHƯƠNG TRÌNH ĐÀO TẠO THIẾT KẾ WEB NC</H3>
<ol Type="1" START="5">
<li> Ngôn ngữ XML </li>
<li> Ngôn ngữ Visual Basic.Net</li>
<li> Công nghệ ASP.Net </li>
</ol>
</BODY>
</HTML>