Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Tạo danh sách có thứ tự (ordered list) trong HTML

Thẻ <ol> (ordered list) tạo danh sách có số thứ tự. Mặc định: số Arabic (1, 2, 3...). Dùng <li> cho từng mục.

Thuộc tính <ol>

Thuộc tính Giá trị Mô tả
type1, a, A, i, IKiểu đánh số: số, chữ thường, chữ hoa, La Mã thường, La Mã hoa
startNumberSố bắt đầu (mặc định 1)
reversedreversedĐảo ngược thứ tự (giảm dần)
compactcompactDeprecated — hiển thị gọn

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ ol HTML</title>
  </head>
  <body>
    <p>Ngôn ngữ lập trình:</p>
    <ol>
      <li>Java</li>
      <li>C++</li>
      <li>C</li>
    </ol>
    <ol type="A" start="3">
      <li>Mục 3</li>
      <li>Mục 4</li>
    </ol>
    <ol reversed>
      <li>Thứ 3</li>
      <li>Thứ 2</li>
      <li>Thứ 1</li>
    </ol>
  </body>
</html>

CSS list-style-type mở rộng

Dùng CSS để có nhiều kiểu hơn:

ol { list-style-type: lower-greek; }   /* α, β, γ... */
ol { list-style-type: cjk-ideographic; } /* 一, 二, 三... */
ol { list-style-type: korean-hangul-formal; }