), ordered lists (
    ), and description lists (
    ). It explains the structure of each list type and provides examples of how to implement them using HTML tags. Additionally, it includes a brief reference of the relevant HTML tags used for creating lists.">), ordered lists (
      ), and description lists (
      ). It explains the structure of each list type and provides examples of how to implement them using HTML tags. Additionally, it includes a brief reference of the relevant HTML tags used for creating lists.">
      [go: up one dir, main page]
      Scribd
      Upload
      3 views8 pages

      HTML Lists

      The document provides an overview of HTML lists, including unordered lists (<ul>), ordered lists (<ol>), and description lists (<dl>). It explains the structure of each list type and provides examples of how to implement them using HTML tags. Additionally, it includes a brief reference of the relevant HTML tags used for creating lists.

      Uploaded by

      Asif Ali
      Copyright
      © © All Rights Reserved
      We take content rights seriously. If you suspect this is your content, claim it here.
      Available Formats
      Download as PDF, TXT or read online on Scribd
      3 views8 pages

      HTML Lists

      The document provides an overview of HTML lists, including unordered lists (<ul>), ordered lists (<ol>), and description lists (<dl>). It explains the structure of each list type and provides examples of how to implement them using HTML tags. Additionally, it includes a brief reference of the relevant HTML tags used for creating lists.

      Uploaded by

      Asif Ali
      Copyright
      © © All Rights Reserved
      We take content rights seriously. If you suspect this is your content, claim it here.
      Available Formats
      Download as PDF, TXT or read online on Scribd
      You are on page 1/ 8

       Tutorials  Exercises  Services   Sign Up Log in

      HTML
       CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

      HTML Lists
      ❮ Previous Next ❯

      HTML lists allow web developers to group a set of related items in lists.

      Example

      An unordered HTML list: An ordered HTML list:

      Item 1. First item


      Item 2. Second item
      Item 3. Third item
      Item 4. Fourth item

      Try it Yourself »

      Unordered HTML List


      An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

      The list items will be marked with bullets (small black circles) by default:

      Example

      <ul>
      <li>Coffee</li>
      <li>Tea</li>
       Tutorials 
      <li>Milk</li> Exercises  Services   Sign Up Log in
      </ul>
      HTML
       CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

      Try it Yourself »

      Ordered HTML List


      An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

      The list items will be marked with numbers by default:

      Example

      <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
      </ol>

      Try it Yourself »

      ADVERTISEMENT

      HTML Description Lists


      HTML also supports description lists.

      A description list is a list of terms, with a description of each term.

      The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd>
      tag describes each term:

      Example
      <dl><dt>Coffee</dt>
      Tutorials  Exercises  Services   Sign Up Log in

      <dd>- black hot drink</dd>


      HTML
       CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++
      <dt>Milk</dt>
      <dd>- white cold drink</dd>
      </dl>

      Try it Yourself »

      ?
      Exercise
      What is the correct tag name for list items?

      <item>

      <list-item>

      <li>

      Submit Answer »

      HTML List Tags


      Tag Description

      <ul> Defines an unordered list

      <ol> Defines an ordered list

      <li> Defines a list item

      <dl> Defines a description list

      <dt> Defines a term in a description list

      <dd> Describes the term in a description list


      For a complete list of all available HTML tags, visit our HTML Tag Reference.
       Tutorials  Exercises  Services   Sign Up Log in

      HTML
       CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

      Video: HTML Lists

      ❮ Previous Next ❯

      Track your progress - it's free! Sign Up Log in

      ADVERTISEMENT
       Tutorials  Exercises  Services   Sign Up Log in

      HTML
       CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

      COLOR PICKER
       Tutorials  Exercises 
         
      Services  Sign Up Log in

      HTML
       CSS JAVASCRIPT SQL PYTHON JAVA
      ADVERTISEMENT PHP HOW TO W3.CSS C C++

      from Rs14…

      India ✈ Dubai

      from Rs13,…

      India ✈ Thailand

      from Rs8,…

      New Delhi ✈ Goa

      from Rs19,…

      New Delhi ✈ Dubai

      from Rs3,…

      Kuwait ✈ Abu Dhabi


      International
      *

      ADVERTISEMENT

      ADVERTISEMENT
       Tutorials  Exercises  Services   Sign Up Log in

      HTML
       CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++

       PLUS SPACES

      GET CERTIFIED FOR TEACHERS

      FOR BUSINESS CONTACT US

      Top Tutorials
      HTML Tutorial
      CSS Tutorial
      JavaScript Tutorial
      How To Tutorial
      SQL Tutorial
      Python Tutorial
      W3.CSS Tutorial
      Bootstrap Tutorial
      PHP Tutorial
      Java Tutorial
      C++ Tutorial
      jQuery Tutorial

      Top References
      HTML Reference
      CSS Reference
      JavaScript Reference
      SQL Reference
      Python Reference
      W3.CSS Reference
      Bootstrap Reference
      PHP Reference
      HTML Colors
      Java Reference
      Angular Reference

       Tutorials  jQuery Reference


      Exercises 
      Top Examples
      Services  
      Get Certified
      Sign Up Log in

      HTML
       CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++
      HTML Examples HTML Certificate
      CSS Examples CSS Certificate
      JavaScript Examples JavaScript Certificate
      How To Examples Front End Certificate
      SQL Examples SQL Certificate
      Python Examples Python Certificate
      W3.CSS Examples PHP Certificate
      Bootstrap Examples jQuery Certificate
      PHP Examples Java Certificate
      Java Examples C++ Certificate
      XML Examples C# Certificate
      jQuery Examples XML Certificate

          

      FORUM ABOUT ACADEMY


      W3Schools is optimized for learning and training. Examples might be simplified to improve reading and
      learning.
      Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full
      correctness
      of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie
      and privacy policy.

      Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

      You might also like