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 &amp 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 &amp; SQLServer</li>
   </ol>
</BODY></HTML>

Xem ví dụ
 

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:

  1. Kiểu số (1, 2, 3)
  2. Kiểu số La Mã (I, II, III)
  3. Kiểu số La Mã thường (i, ii, iii)
  4. Kiểu chữ hoa (A, B, C)
  5. 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 &amp FrontPage</li>
	<li> DreamWeaver MX </li>
	<li> Ngơn ngữ kịch bản JavaScript;</li>
	<li> Ngơn ngữ ASP &amp; SQLServer</li>
   </ol>
</BODY>
</HTML>

Xem ví dụ
 

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 &amp FrontPage </li>
	<li> DreamWeaver MX </li>
	<li> Ngôn ngữ kịch bản JavaScript;</li>
	<li> Ngôn ngữ ASP &amp; 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>

Xem ví dụ