HTML ul Tag Tutorial

In this section, we will learn what HTML <ul> element is and how to use it.

HTML for Unordered List: How to Make a List in HTML and What is <ul> Tag in HTML?

HTML <ul> element stands for Unordered List and as the name suggests, it is used when we want to create an unordered list (AKA bullet list) in an HTML document.

Note: Those types of lists that start with dash or dots or basically with a pointer that doesn’t represent any sorts of order is called an unordered list.

For example:

  • Apple
  • Microsoft
  • Tesla

Here, the pointer to each item is simply a dash and because you can’t use this figure to make an order out of this list, this is an unordered list.

Note: in HTML we have another element called <ol> which stands for ordered list and is used for creating an ordered list in an HTML document.

HTML <ul> Tag Syntax:





HTML <ul> Tag Values

Within the body of the <ul> element, we can put one or more HTML <li> element. The <li> element stands for List-Item and, as the name suggests, each <li> element in the <ul> represents one item in that list.

The body of the <li> element on itself could be any necessary content that represents an item in that list. Even the body of an <li> element could be another list if necessary!

Example: Unordered List HTML

See the Pen Unordered List HTML by Omid Dehghan (@odehghan) on CodePen.

Example: HTML bullet list

See the Pen HTML bullet list by Omid Dehghan (@odehghan) on CodePen.


Top Technologies