The HTML Unordered List or Bulleted List

The unordered list items are marked with bullets. It is also known as bulleted lists. An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. 

Syntax:

<ul> list of items </ul>

Attribute: This tag contains two attributes which are listed below: 

  • compact: It will render the list smaller.
  • type: It specifies which kind of marker is used in the list.

Example: This example describes the unordered list.

HTML
<!DOCTYPE html>
<html>

<body>
    <h2>Grocery list</h2>
    <ul>
        <li>Bread</li>
        <li>Eggs</li>
        <li>Milk</li>
        <li>Coffee</li>
    </ul>
</body>

</html>

Output:

Unordered List

HTML Lists

An HTML list is a record of related information used to display the data or any information on web pages in the ordered or unordered form

HTML List Example

Basic Implementation of HTML lists.

HTML
<!DOCTYPE html>
<html>

<head>
    <title>w3wiki</title>
</head>

<body>
    <h2>Welcome To w3wiki Learning</h2>
    <h5>List of available courses</h5>
    <ul>
        <li>Data Structures & Algorithm</li>
        <li>Web Technology</li>
        <li>Aptitude & Logical Reasoning</li>
        <li>Programming Languages</li>
    </ul>
    <h5>Data Structures topics</h5>
    <ol>
        <li>Array</li>
        <li>Linked List</li>
        <li>Stacks</li>
        <li>Queues</li>
        <li>Trees</li>
        <li>Graphs</li>
    </ol>
</body>

</html>

Output:

HTML List

There are three types of lists in HTML:

Table of Content

  • HTML Unordered List or Bulleted List
  • HTML Ordered List
  • HTML Description List

Similar Reads

HTML List Tags

Here is the list of all lists tags HTML:...

The HTML Unordered List or Bulleted List

The unordered list items are marked with bullets. It is also known as bulleted lists. An unordered list starts with the

HTML Ordered List

In an ordered list, all list items are marked with numbers by default. An ordered list starts with the

    tag. Each list item starts with the ā€œliā€ tag....

HTML Description List

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

tag defines the description list, the
tag defines the term name, and the
tag describes each term....

Conclusion

HTML lists provide a way to display a structured collection of items. In this tutorial, we have explained three types of lists- ordered lists, unordered lists, and definition list. We have explained all three list types with examples....

Contact Us