Thẻ li trong HTML

• Bùi Tấn Lực
• 280
• 29/09/2025

Thẻ li trong HTML dùng trong các thẻ ul, ol để làm menu ngang, menu dọc, cấu trúc breadcrumbs hỗ trợ SEO, chi tiết như nào hãy cùng chúng tôi phân tích:

Chức năng của Thẻ li trong HTML

Thẻ li trong HTML dùng trong các thẻ ul, ol để làm menu ngang, menu dọc, cấu trúc breadcrumbs hỗ trợ SEO.

Cú pháp của Thẻ li trong HTML

<li>vanbanhoachtml</li>

vanbanhoachtml: Văn bản hoặc các thẻ HTML con.

Bao gồm thẻ mở <li> và thẻ đóng </li> bao quanh văn bản hoặc các thẻ HTML con.

Code Thẻ li trong HTML

Thẻ li trong thẻ ul trong HTML

<ul>
 <li>Trang chủ</li>
 <li>Giới thiệu</li>
 <li>Sản phẩm</li>
 <li>Tin tức</li>
 <li>Liên hệ</li>
</ul>

Chạy Thử

Thẻ li trong thẻ ol trong HTML

<ol class="breadcrumbs" itemscope="" itemtype="http://schema.org/BreadcrumbList"> 
 <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"> 
   <a itemprop="item" href="https://webmoi.vn/"><span itemprop="name">Trang chủ</span>    </a> 
   <meta itemprop="position" content="1"> 
 </li> 
 <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
   <a itemprop="item" href="https://webmoi.vn/blog/"><span itemprop="name">Blog</span>    </a>
   <meta itemprop="position" content="2">
  </li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
   <a itemprop="item" href="https://webmoi.vn/kien-thuc-html/"><span itemprop="name">Kiến thức HTML</span></a>
   <meta itemprop="position" content="3"> </li>
</ol>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ li trong HTML.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thẻ li trong HTML
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn thiết kế website

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn