Thẻ HTML

    dùng để tạo danh sách có thứ tự, danh sách này chứa các phần tử theo một trình tự nhất định. Tìm hiểu cách sử dụng thẻ

      HTML với cú pháp và ví dụ.

      Bạn đang xem : ol html là gì

      HTML & lt; ol & gt; được sử dụng để tạo danh sách có thứ tự, chứa các phần tử theo một trình tự nhất định.

      Mỗi phần tử của danh sách được sắp xếp bắt đầu bằng thẻ mở & lt; li & gt; và kết thúc bằng thẻ đóng & lt; / li & gt ;. Ngoài văn bản, thẻ & lt; li & gt; thẻ có thể bao gồm các phần tử HTML khác (danh sách, hình ảnh, tiêu đề, đoạn văn, v.v.).

      Nói chung, các mục trong danh sách được sắp xếp có điểm đánh dấu trước, chẳng hạn như chữ cái hoặc số.

      Các giá trị sau có thể được sử dụng làm phần tử đánh số: Số Ả Rập (1, 2, 3, …); chữ cái Latinh viết hoa (A, B, C, …); chữ cái latin viết thường (a, b, c, …); Số viết hoa La Mã (I, II, III, …); Các số viết thường La Mã (i, ii, iii, …). Thuộc tính type được sử dụng để chỉ ra loại danh sách được đánh số.

      Nếu bạn không chỉ định bất kỳ thuộc tính bổ sung nào, thì nội dung của & lt; ol & gt; theo mặc định, thẻ được đánh số bằng số Ả Rập, bắt đầu bằng một.

      Cả & lt; ol & gt; và thẻ & lt; ul & gt; đại diện cho danh sách các mục. Tuy nhiên, có sự khác biệt với & lt; ol & gt; gắn thẻ mà đơn đặt hàng có ý nghĩa.

      Thông thường, & lt; ol & gt; và & lt; ul & gt; các thẻ có thể lồng vào nhau sâu theo yêu cầu, xen kẽ giữa chúng theo ý bạn.

      Nếu các thuộc tính CSS được áp dụng cho thẻ

        , thì các phần tử được lồng trong thẻ

      1. sẽ kế thừa chúng.

      Cú pháp

      & lt; ol & gt; thẻ đi kèm theo cặp. Nội dung được viết giữa thẻ mở (& lt; ol & gt;) và thẻ đóng (& lt; / ol & gt;).

      Ví dụ về HTML & lt; ol & gt; thẻ:

       
      

      & lt;

      html

      & gt;

      & lt;

      head

      & gt;

      & lt;

      title

      & gt;

      Tiêu đề của tài liệu

      & lt; /

      title

      & gt;

      & lt; /

      head

      & gt;

      & lt;

      body

      & gt;

      & lt;

      ol

      & gt;

      & lt;

      li

      & gt;

      Món khai vị

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Hấp ​​dẫn

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Salad

      & lt; /

      li

      & gt;

      & lt; /

      ol

      & gt;

      & lt;

      ol

      start

      =

      " 50 "

      & gt;

      & lt;

      li

      & gt;

      Đồ uống lạnh

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Đồ uống nóng

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Kem

      & lt; / < p class = "hljs-name"> li

      & gt;

      & lt; /

      ol

      & gt;

      & lt;

      ol

      type

      =

      " A "

      & gt;

      & lt;

      li

      & gt;

      Coca-Cola

      & lt; / < p class = "hljs-name"> li

      & gt;

      & lt;

      li

      & gt;

      Trà đá

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Fanta

      & lt; /

      li

      & gt;

      & lt; /

      ol

      & gt;

      & lt; /

      body

      & gt;

      & lt; /

      html

      & gt;


      Hãy tự mình thử »

      Trong ví dụ đã cho, chúng tôi đã sử dụng thuộc tính start với giá trị “50”.

      Để xác định loại phần tử đánh số thay vì thuộc tính type, hãy sử dụng thuộc tính CSS list-style-type .

      Ví dụ của HTML & lt; ol & gt; được sử dụng với thuộc tính kiểu danh sách CSS:

       
      

      & lt;

      html

      & gt;

      & lt;

      head

      & gt;

      & lt;

      title

      & gt;

      Tiêu đề của tài liệu

      & lt; /

      title

      & gt;

      & lt; /

      head

      & gt;

      & lt;

      body

      & gt;

      & lt;

      h2

      & gt;

      Ví dụ về danh sách có thứ tự

      & lt; /

      h2

      & gt;

      & lt;

      ol

      style

      =

      " list-style-type: upper-roman "

      & gt;

      & lt;

      li

      & gt;

      Đồ uống lạnh

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Đồ uống nóng

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Kem

      & lt; / < p class = "hljs-name"> li

      & gt;

      & lt; /

      ol

      & gt;

      & lt;

      ol

      style

      =

      " list-style-type: hebrew "

      & gt;

      & lt;

      li

      & gt;

      Coca-Cola

      & lt; / < p class = "hljs-name"> li

      & gt;

      & lt;

      li

      & gt;

      Fanta

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Trà đá

      & lt; /

      li

      & gt;

      & lt; /

      ol

      & gt;

      & lt;

      ol

      style

      =

      " list-style-type: decimal "

      & gt;

      & lt;

      li

      & gt;

      Coca-Cola

      & lt; / < p class = "hljs-name"> li

      & gt;

      & lt;

      li

      & gt;

      Fanta

      & lt; /

      li

      & gt;

      & lt;

      li

      & gt;

      Trà đá

      & lt; /

      li

      & gt;

      & lt; /

      ol

      & gt;

      & lt; /

      body

      & gt;

      & lt; /

      html

      & gt;


      Hãy tự mình thử »

      Kết quả

      Thuộc tính

      Thuộc tính
      Giá trị
      Sự mô tả

      gọn nhẹ
      gọn nhẹ
      Giảm thụt lề và khoảng cách giữa các dòng.

      Không được hỗ trợ trong HTML5. Thay vào đó, chúng tôi khuyên bạn nên sử dụng thuộc tính CSS line-height .

      đảo ngược
      đảo ngược
      Cho biết rằng các phần tử danh sách phải theo thứ tự giảm dần (thay vì thứ tự tăng dần thông thường).

      bắt đầu
      con số

      Đặt số mà từ đó danh sách được sắp xếp bắt đầu. Giá trị phải là số nguyên, giá trị âm có thể được sử dụng. Khi được sử dụng với các chữ cái (type = “A” và type = “a”), số được chỉ ra trong giá trị thuộc tính tương ứng với số thứ tự của chữ cái trong bảng chữ cái. Ví dụ, start = “5”, sẽ tương ứng với chữ cái “E” và danh sách sẽ bắt đầu bằng nó. Nếu start = “27” được chỉ định, danh sách sẽ trở thành hai chữ số (“27” = “AA”, “28” = “AB”, “29” = “AC” …).

      loại hình
      1
      A
      a
      I
      i

      Xác định loại đánh dấu danh sách.

      & lt; ol & gt; thẻ hỗ trợ Thuộc tính toàn cầu Thuộc tính sự kiện .


      Xem thêm những thông tin liên quan đến chủ đề ol html là gì

      HTML: lists! ul, ol, li, dl, dt, dd,

      • Tác giả: CJ Avilla
      • Ngày đăng: 2020-07-23
      • Đánh giá: 4 ⭐ ( 9436 lượt đánh giá )
      • Khớp với kết quả tìm kiếm:

      ol trong html là gì? các ví dụ về html

      • Tác giả: www.doctfire.com
      • Đánh giá: 5 ⭐ ( 7969 lượt đánh giá )
      • Khớp với kết quả tìm kiếm: ol trong html là gì? các ví dụ về html đoạn mã ví dụ & Học HTML tại DocTFire.com

      OL là gì?

      • Tác giả: thptsoctrang.edu.vn
      • Đánh giá: 5 ⭐ ( 9110 lượt đánh giá )
      • Khớp với kết quả tìm kiếm: OL là từ viết tắt khá quen thuộc trong các cuộc trò chuyện online, các comment trên các diễn đàn. Vậy OL là gì, OL là viết tắt của từ gì? Mời các bạn đọc bài

      OL có nghĩa là gì? viết tắt của từ gì?

      • Tác giả: chiembaomothay.com
      • Đánh giá: 3 ⭐ ( 2619 lượt đánh giá )
      • Khớp với kết quả tìm kiếm: Nhiều người thắc mắc OL có nghĩa là gì? viết tắt của từ gì? Bài viết hôm nay chiêm bao sẽ giải đáp điều này.

      OL có nghĩa là gì và viết tắt của từ nào trên Internet, đời sống

      • Tác giả: yeutrithuc.com
      • Đánh giá: 5 ⭐ ( 2730 lượt đánh giá )
      • Khớp với kết quả tìm kiếm: Tìm hiểu OL viết tắt của từ gì, có nghĩa gì trên Facebook, trong công nghệ và đời sống hàng ngày với ý nghĩa hoàn toàn khác nhau

      OL là gì? -định nghĩa OL

      • Tác giả: www.abbreviationfinder.org
      • Đánh giá: 4 ⭐ ( 8019 lượt đánh giá )
      • Khớp với kết quả tìm kiếm: Kiểm tra trực tuyến cho những gì là OL, ý nghĩa của OL, và khác viết tắt, từ viết tắt, và từ đồng nghĩa.

      Học web chuẩn

      • Tác giả: hocwebchuan.com
      • Đánh giá: 3 ⭐ ( 4318 lượt đánh giá )
      • Khớp với kết quả tìm kiếm: Tag ol sử dụng để tạo danh sách có thứ tự, danh sách có thứ tự có thể là số hoặc chữ, tag ol được sử dụng kèm với tag li – Học web chuẩn

      Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

      Xem Thêm  Danh sách HTML - Cách sử dụng Dấu đầu dòng, Danh sách có thứ tự và Không có thứ tự - cách tạo danh sách không có thứ tự trong html

By ads_php