Li và CV trong HTML là gì?

Điều này trái ngược với danh sách không có thứ tự trong đó các mục được đánh dấu đầu dòng theo mặc định (và thứ tự không thành vấn đề)

Cú pháp cơ bản của thẻ <ol> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Tailwind</li> <li>React</li> <li>Mongo DB</li> <li>React</li> </ol> 0

Thẻ

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

Thẻ

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

<ol>
      <li>...</li>
      <li>...</li>
      <li>...</li>
</ol>

Trong trình duyệt, danh sách được sắp xếp xuất hiện dưới dạng danh sách được đánh số, như thế này

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

Nếu bạn đang thắc mắc tại sao các mục trong danh sách lại được căn giữa trên trang, thì CSS này đã giúp điều đó xảy ra

body {
      display: grid;
      place-items: center;
      height: 100vh;
    }

Các thuộc tính của thẻ <ol> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Tailwind</li> <li>React</li> <li>Mongo DB</li> <li>React</li> </ol> 0

Thẻ

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

Thuộc tính <ol> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Tailwind</li> <li>React</li> <li>Mongo DB</li> <li>React</li> </ol> 8

Thuộc tính

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

Mặc định là chữ số Ả Rập

Các loại danh sách có thể được sử dụng là

• body {
        display: grid;
        place-items: center;
        height: 100vh;
      }
  

  2 cho chữ số Ả Rập (mặc định)

<ol type="1">
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

P. S. Nếu bạn sẽ sử dụng chữ số Ả Rập làm kiểu đánh số, thì bạn không cần chỉ định nó vì nó là mặc định

• body {
        display: grid;
        place-items: center;
        height: 100vh;
      }
  

  3 cho chữ in hoa

<ol type="A">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>Tailwind</li>
  <li>React</li>
  <li>Mongo DB</li>
  <li>React</li>
</ol>

• body {
        display: grid;
        place-items: center;
        height: 100vh;
      }
  

  4 cho chữ thường

<ol type="a">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>Tailwind</li>
  <li>React</li>
  <li>Mongo DB</li>
  <li>React</li>
</ol>

• body {
        display: grid;
        place-items: center;
        height: 100vh;
      }
  

  5 cho chữ số La Mã viết thường

<ol type="i">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>Tailwind</li>
  <li>React</li>
  <li>Mongo DB</li>
  <li>React</li>
</ol>

• body {
        display: grid;
        place-items: center;
        height: 100vh;
      }
  

  6 cho chữ số La Mã viết hoa

<ol type="I">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>Tailwind</li>
  <li>React</li>
  <li>Mongo DB</li>
  <li>React</li>
</ol>

Thuộc tính <ol> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Tailwind</li> <li>React</li> <li>Mongo DB</li> <li>React</li> </ol> 7

Thuộc tính bắt đầu có thể được đưa vào để chỉ định số nào sẽ bắt đầu danh sách từ đó. Vì vậy, nó chấp nhận một số nguyên như một giá trị. Mặc định là 1

Nếu bạn chỉ định một số như 22, thì mục danh sách tiếp theo sẽ lấy số tiếp theo là 23, cứ tiếp tục như vậy…

<ol start="22">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>Tailwind</li>
  <li>React</li>
  <li>Mongo DB</li>
  <li>React</li>
</ol>

Thuộc tính <ol> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Tailwind</li> <li>React</li> <li>Mongo DB</li> <li>React</li> </ol> 9

Khi bạn sử dụng thuộc tính

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

Bạn không cần chỉ định giá trị cho thuộc tính

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

<ol reversed>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>Tailwind</li>
  <li>React</li>
  <li>Mongo DB</li>
  <li>React</li>
</ol>

Phần kết luận

Trong bài viết này, bạn đã tìm hiểu về thẻ

<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
   <li>Tailwind</li>
   <li>React</li>
   <li>Mongo DB</li>
   <li>React</li>
</ol>

Nếu bạn thấy bài viết này hữu ích, đừng ngần ngại chia sẻ nó với bạn bè và gia đình của bạn

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

Kolade Chris

Nhà phát triển web và nhà văn kỹ thuật tập trung vào các công nghệ giao diện người dùng

Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Li được sử dụng để làm gì trong HTML?

CV nghĩa là gì trong HTML?

Việc sử dụng OL và UL trong HTML là gì?

Chúng ta có thể sử dụng Li mà không có UL hoặc OL không?