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

EXCLUSIVE: 75% OFF

Pros

• Easy to navigate
• No technical issues
• Seems to care about its users

Main Features

• Huge variety of courses
• 30-day refund policy
• Free certificates of completion

AS LOW AS 12.99$

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

75% DISCOUNT

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