How do you display bullets in a list tag?

HTML Lists

❮ Previous Next ❯


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


Example

An unordered HTML list:

  • Item
  • Item
  • Item
  • Item

An ordered HTML list:

  1. First item
  2. Second item
  3. Third item
  4. Fourth item

Try it Yourself »


How to Make Lists in HTML

In HTML, we can list items either in an ordered or unordered fashion.

An ordered list uses numbers or some sort of notation that indicates a series of items.

For example, an ordered list can start with number 1, and continue through 2, 3, 4, and so on. Your ordered list can also start with the letter A and go through B, C, D, and so on.

Here is an example of an ordered list with students' names and marks.

How do you display bullets in a list tag?
Ordered list of students

On the other hand, we have unordered lists, like a TODO list for example. Here I am so passionate about coding that I skipped my breakfast 🤓.

How do you display bullets in a list tag?
Unordered TODO list

There is one more type of list called a description list that we will learn as well below.

Now let's get into a bit more detail and see how to create each type of list in HTML.

Web Style Sheets CSS tips & tricks

See also the index of all tips.

On this page:

  • Colored bullets
  • Colored list numbers

    : The Unordered List element

The

    HTML element represents an unordered list of items, typically rendered as a bulleted list.

    Content categoriesFlow content, and if the
      element's children include at least one
    • element, palpable content.
    Permitted contentZero or more
  • ,