HTML

Unorder List

An unordered list is a collection of related items grouped together where the specific order or sequence of the items does not change the meaning of the content. In web development, it is typically displayed as a bulleted list.

Structure in HTML

To create an unordered list in HTML, you use two primary tags: 

  • <ul> tag: This defines the start and end of the entire unordered list.
  • <li> tag: This wraps each individual list item inside the parent element.
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>Javascript</li>
        <li>JQuery</li>
        <li>XML</li>
    </ul>

     <ul type="square">
        <li>HTML</li>
        <li>CSS</li>
        <li>Javascript</li>
        <li>JQuery</li>
        <li>XML</li>
    </ul>

    <ul type="circle">
        <li>HTML</li>
        <li>CSS</li>
        <li>Javascript</li>
        <li>JQuery</li>
        <li>XML</li>
    </ul>

    <ul type="none">
        <li>HTML</li>
        <li>CSS</li>
        <li>Javascript</li>
        <li>JQuery</li>
        <li>XML</li>
    </ul>

 

 

Interactive Sandbox
HTML/CSS/JS