Làm thế nào để triển khai các loại danh sách khác nhau trong HTML?



Bài viết này sẽ cung cấp cho bạn kiến ​​thức chi tiết và toàn diện về các loại Danh sách trong HTML với các ví dụ và mã.

Danh sách là một trong những cách quan trọng để biểu diễn dữ liệu và thông tin trong đó mỗi bản ghi được hiển thị trên một dòng duy nhất. Có nhiều cách khác nhau để biểu diễn dữ liệu trong danh sách chẳng hạn như theo cách có thứ tự hoặc theo cách không có thứ tự. Tôi sẽ đề cập đến các chủ đề sau trong Danh sách này trong bài báo:

Các loại danh sách trong HTML

Trước khi bắt đầu tạo danh sách, trước tiên hãy xem xét các thẻ HTML:





    • Được sử dụng để xác định một danh sách không có thứ tự
      1. Được sử dụng để xác định một danh sách có thứ tự
      2. Được sử dụng để xác định một mục danh sách
      3. Được sử dụng để xác định danh sách mô tả
      4. Được sử dụng để xác định một thuật ngữ trong danh sách mô tả
      5. Được sử dụng để mô tả thuật ngữ trong danh sách mô tả

    Hãy hiểu cách bạn có thể tạo các loại danh sách khác nhau trong HTML.

    Danh sách không theo thứ tự

    Để xác định danh sách không có thứ tự trong HTML, chúng tôi sử dụng

      và sau đó chúng tôi xác định danh sách các mục trong
    • nhãn. Theo mặc định, danh sách các mục được đánh dấu bằng dấu đầu dòng (tức là vòng tròn nhỏ màu đen).



       

      Các môn thể thao

      • Bóng chày
      • Bóng đá
      • Bóng chày

      Đầu ra:

      Danh sách không có thứ tự trong HTML

      char trong java là gì

      Danh sách HTML không theo thứ tự: Các điểm đánh dấu mục khác nhau



      Bạn có thể chọn từ danh sách các điểm đánh dấu bằng cách sử dụng thuộc tính kiểu danh sách CSS. Hãy xem xét các thuộc tính kiểu danh sách CSS khác nhau mà bạn có thể sử dụng để xác định các kiểu điểm đánh dấu khác nhau:

      • đĩa : Đặt điểm đánh dấu mục danh sách thành dấu đầu dòng
      • vòng tròn : Đặt điểm đánh dấu mục danh sách thành một vòng kết nối
      • Quảng trường : Đặt điểm đánh dấu mục danh sách thành hình vuông
      • không ai : Các mục danh sách sẽ không được đánh dấu

      Đĩa:

       

      Các môn thể thao

      • Bóng chày
      • Bóng đá
      • Bóng chày

      Đầu ra:

      Đĩa trong HTMLVòng tròn:

       

      Các môn thể thao

      • Bóng chày
      • Bóng đá
      • Bóng chày

      Đầu ra:

      Danh sách vòng kết nối trong HTMLQuảng trường:

       

      Các môn thể thao

      • Bóng chày
      • Bóng đá
      • Bóng chày

      Đầu ra:

      SquareKhông ai:

       

      Các môn thể thao

      • Bóng chày
      • Bóng đá
      • Bóng chày

      Đầu ra:

      NoneBây giờ sau khi hiểu cách tạo danh sách không có thứ tự trong HTML, chúng ta hãy hiểu cách tạo danh sách có thứ tự trong HTML.

      Danh sách được yêu cầu

      Để xác định danh sách có thứ tự trong HTML, chúng tôi sử dụng

        và sau đó chúng tôi xác định danh sách các mục trong
      1. nhãn.
        Theo mặc định, danh sách các mục được đánh dấu bằng số.

         

        Các môn thể thao

        1. Bóng chày
        2. Bóng đá
        3. Bóng chày

        Đầu ra:

        Danh sách có thứ tự trong HTMLBây giờ chúng ta hãy xem xét một số biến thể của danh sách có thứ tự.

        Danh sách HTML có thứ tự - Thuộc tính loại

        Có nhiều loại điểm đánh dấu mục khác nhau cho danh sách đã đặt hàng:

        • loại = ”1 ″ Các mục trong danh sách sẽ được đánh số bằng số (mặc định)

        • loại = ”A” Các mục trong danh sách sẽ được đánh số bằng chữ hoa

        • gõ = ”a” Các mục trong danh sách sẽ được đánh số bằng các chữ cái thường

        • gõ = ”tôi” Các mục trong danh sách sẽ được đánh số bằng số la mã viết hoa

        • gõ = ”tôi” Các mục trong danh sách sẽ được đánh số bằng số la mã viết thường

        Các con số:

         

        Các môn thể thao

        1. Bóng chày
        2. Bóng đá
        3. Bóng chày

        Đầu ra:

        NumbersChữ viết hoa:

        nạp chồng hàm trong c ++
         

        Các môn thể thao

        1. Bóng chày
        2. Bóng đá
        3. Bóng chày

        Đầu ra:

        Chữ viết hoaChữ viết thường:

         

        Các môn thể thao

        1. Bóng chày
        2. Bóng đá
        3. Bóng chày

        Đầu ra:

        Chữ cái thườngChữ hoa La Mã Nu mber S:

         

        Các môn thể thao

        1. Bóng chày
        2. Bóng đá
        3. Bóng chày

        Đầu ra:

        Số La Mã viết hoa

        Số La Mã viết thường:

         

        Các môn thể thao

        1. Bóng chày
        2. Bóng đá
        3. Bóng chày

        Đầu ra:

        Số La Mã viết thường

        Danh sách mô tả HTML

        Bạn cũng có thể tạo danh sách mô tả bằng HTML. Danh sách mô tả được sử dụng để tạo danh sách các thuật ngữ và thêm mô tả cho chúng. Bạn tạo một danh sách mô tả bằng cách sử dụng

        nhãn.
        thẻ xác định thuật ngữ &
        thẻ thêm mô tả cho chúng.

         

        Các môn thể thao

        Bóng chày
        Cricket là một trò chơi bi-a và bóng được chơi giữa hai đội gồm mười một người chơi trên sân mà tâm của sân là sân dài 20 mét với một cái vợt ở mỗi đầu, mỗi cái bao gồm hai cây gậy nằm cân bằng trên ba gốc cây.
        Bóng bàn
        Bóng bàn, còn được gọi là bóng bàn, là một môn thể thao trong đó hai hoặc bốn người chơi đánh một quả bóng nhẹ qua lại trên bàn bằng vợt nhỏ. Trò chơi diễn ra trên một bàn cứng được chia lưới.

        Đầu ra:

        Danh sách lồng nhau trong HTML

        Bạn cũng có thể tạo một danh sách lồng nhau trong HTML.

        chương trình java cho chuỗi fibonacci
         

        Các môn thể thao

        • Bóng bàn
        • Bóng chày
          • Virat kohli
          • Joe Root
      2. Bóng rổ

    Đầu ra:

    Bây giờ sau khi thực hiện các đoạn mã trên, bạn đã hiểu cách tạo danh sách trong HTML. Tôi hy vọng blog này là thông tin và giá trị gia tăng cho bạn.

    Kiểm tra của chúng tôi đi kèm với đào tạo trực tiếp do người hướng dẫn và trải nghiệm dự án thực tế. Khóa đào tạo này giúp bạn thành thạo các kỹ năng làm việc với công nghệ web back-end và front-end. Nó bao gồm đào tạo về Phát triển Web, jQuery, Angular, NodeJS, ExpressJS và MongoDB.

    Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của blog “Danh sách trong HTML” và chúng tôi sẽ liên hệ lại với bạn.