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

• Easy to use with a learn-by-doing approach
• Offers quality content
• Gamified in-browser coding experience
• The price matches the quality
• Suitable for learners ranging from beginner to advanced

Main Features

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

GET 50% OFF

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

UP TO 70% OFF

Pros

• A wide range of learning programs
• University-level courses
• Easy to navigate
• Verified certificates
• Free learning track available

Main Features

• University-level courses
• Suitable for enterprises
• Verified certificates of completion

FREE COURSES

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