Hướng dẫn li html

Nhóm phát triển của chúng tôi vừa ra mắt website langlearning.net học tiếng Anh, Nga, Đức, Pháp, Việt, Trung, Hàn, Nhật, ... miễn phí cho tất cả mọi người.
Là một website được viết trên công nghệ web Flutter vì vậy hỗ trợ rất tốt cho người học, kể cả những người học khó tính nhất.
Hiện tại website đang tiếp tục được cập nhập nội dung cho phong phú và đầy đủ hơn. Mong các bạn nghé thăm và ủng hộ website mới của chúng tôi.

Hãy theo dõi chúng tôi trên Fanpage để nhận được thông báo mỗi khi có bài viết mới. Facebook

1- HTML Lists

Trong HTML để tạo ra một danh sách (List) bạn có thể sử dụng cặp thẻ

,
• hoặc cặp thẻ
  ,
  1. :

     
     Unordered List (UL + LI)
     
         
     HTML
         
     CSS
         
     Javascript
     
     
     Ordered List (OL + LI)
     
         
     HTML
         
     CSS
         
     Javascript
     
     

     • là từ viết tắt của Unordered List, giúp bạn tạo ra một danh sách không có thứ tự.
       • là từ viết tắt của Ordered List, giúp bạn tạo ra một danh sách có thứ tự.
         2. là từ viết tắt của List Item. Một mục (item) của danh sách.
             

       Các danh sách có thể lồng vào với nhau:

       nested-example.html

       
       Nested Unordered List
       
       
           
       HTML
           
       CSS
               
       
                   
       Basic CSS
                   
       Advanced CSS
               
           
           
       Javascript
       
       
       Nested Ordered List
       
       
           
       HTML
           
       CSS
               
       
                   
       Basic CSS
                   
       Advanced CSS
               
           
           
       Javascript
       
       
       Nested List (3)
       
           
       HTML
           
       CSS
               
       
                   
       Basic CSS
                   
       Advanced CSS
               
           
           
       Javascript
       
       
       Nested List (4)
       
           
       HTML
           
       CSS
               
       
                   
       Basic CSS
                   
       Advanced CSS
               
           
           
       Javascript
       
       

       2- Ordered-List Attributes

       Khác với thẻ

       , thẻ
       có một vài thuộc tính (attribute) quan trọng, chúng bao gồm:
       • type
       • start
       • reversed

       type

       Thuộc tính type chỉ định kiểu đánh số (numbering type), nó có thể nhận một trong các giá trị sau:

       Type	Mô tả
       "1"	Sử dụng các con số (1,2,..) để đánh số cho danh sách. (Mặc định)
       "a"	Sử dụng các ký tự viết thường (lowercase) để đánh số cho danh sách.
       "A"	Sử dụng các ký tự viết hoa (uppercase) để đánh số cho danh sách.
       "i"	Sử dụng các số La mã (Roman numerals) viết thường (lowercase) để đánh số cho danh sách.
       "I"	Sử dụng các số La mã (Roman numerals) viết hoa (uppercase) để đánh số cho danh sách.

       
       OL type="1" (Default)
       
           
       HTML
           
       CSS
           
       Javascript
       
       
       OL type="i"
       
           
       HTML
           
       CSS
           
       Javascript
       
       
       OL type="I"
       
           
       HTML
           
       CSS
           
       Javascript
       
       
       OL type="a"
       
           
       HTML
           
       CSS
           
       Javascript
       
       
       OL type="A"
       
           
       HTML
           
       CSS
           
       Javascript
       
       

       reversed

       Thuộc tính reversed có giá trị true/false, Nếu giá trị là true, danh sách sẽ được đánh số theo thứ tự đảo ngược.

       ol-reversed-example.html

       
       OL reversed = "false" (Default)
       
           
       HTML
           
       CSS
           
       Javascript
       
       
       OL reversed = "true"
       
           
       HTML
           
       CSS
           
       Javascript
       
       

       start

       Thuộc tính start chỉ định giá trị bắt đầu để đánh số cho danh sách.

       ol-start-example.html

       
       OL start ="3" type="1"
       
           
       HTML
           
       CSS
           
       Javascript
       
       
       OL start ="3" type="i"
       
           
       HTML
           
       CSS
           
       Javascript
       
       
       OL start ="3" type="a"
       
           
       HTML
           
       CSS
           
       Javascript
       
       

       3- CSS Lists