Thẻ Ol Trong HTML - Freetuts

Trang chủ » Thẻ Ol Trong Html Là Gì » Thẻ Ol Trong HTML - Freetuts

Có thể bạn quan tâm

Trong bài học này freetuts sẽ hướng dẫn bạn cách sử dụng thẻ ol trong HTML, đây là thẻ tạo danh sách với định dạng số.

test php

banquyen pngBài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Thẻ ol sẽ xác định một danh sách có thử tự, thứ tự sẽ được đánh theo số hoặc chữ cái.

Sử dụng thẻ li để xác định các mục trong danh sách.

Cách sử dụng thẻ ol trong HTML

Ví dụ: sử dụng thẻ ol và thẻ li để tạo danh sách các khóa học.

Bài viết này được đăng tại [free tuts .net]

Code RUN <!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại freetuts.net</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <ol> <li>PHP</li> <li>Javascript</li> <li>Css</li> <li>HTML</li> </ol> </body> </html>

the ul trong html JPG

Các thuộc tính của thẻ ol HTML

Thẻ này có 3 thuộc tnihs cơ bản như sau:

  • reversed - danh sách sẽ được sắp xếp từ cao xuống thấp.
  • start - giá trị số bắt đầu của danh sách.
  • type - chỉ định loại kí tự đánh dấu dùng trong danh sách.

Ví dụ: Sử dụng thuộc tính type của thẻ ol để tạo danh sách các khóa học được đánh dấu bằng chữ in hoa.

Code RUN <!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại freetuts.net</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <ol type="A"> <li>PHP</li> <li>Javascript</li> <li>Css</li> <li>HTML</li> </ol> </body> </html>

Trình duyệt hỗ trợ thẻ ol

  • Chrome
  • Firefox
  • IE
  • Safari
  • Opera

Tham khảo: w3schools.com

Từ khóa » Thẻ Ol Trong Html Là Gì