HTML ul Tag

HTML ul: Main Tips

• The <ul> tag creates an unordered list of items.
• To represent the items in the list, use <li>.
• HTML <ul> tag is supported by every browser.
• This tag supports all global attributes.

Creating an HTML Bullet List

First of all, what does ul stand for? It means an unordered list, usually displayed as an HTML bullet list:

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Note: the markers of such list can be customized using CSS.

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Paid certificates of completion

100% FREE

Pros

• Professional service
• Flexible timetables
• A variety of features to choose from

Main Features

• Professional certificates of completion
• University-level courses
• Multiple Online degree programs

100% FREE

Pros

• Great user experience
• Offers quality content
• Very transparent with their pricing

Main Features

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

100% FREE

Deprecated Attributes

There were two attributes commonly used with HTML ul tag. However, they both have been deprecated in HTML5. We recommend using CSS properties instead.

compact made the list appear in a more compact style. The exact look would depend on the browser:

<ul compact>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Note: instead of compact, use CSS line-height property.

type identified the kind of marker to be used in the HTML bullet list - a square, a disc, or a circle:

<ul type="square">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Note: instead of type, use CSS list-style-type property.

Browser support

Chrome

All

Edge

All

Firefox

1+

IE

All

Opera

All

Safari

All

Mobile browser support

Chrome

All

Firefox

4+

Opera

All

Safari

All