Back to HTML Course

• The <ul> tag defines an unordered (bulleted) list.
• Use the <ul> tag together with the <li> tag to create unordered lists.
• Unordered List Tags are with disc, circle, square and none types.
• Default type is disc.

HTML

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<ul style="list-style-type:disc">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<ul style="list-style-type:circle">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<ul style="list-style-type:square">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<ul style="list-style-type:none">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

CSS

ul {
  font-family: "Courier New", Courier, monospace;
  background-color: orangered;
  box-shadow: 0 0 10px black;
  width: 300px;
}

ul li {
  background-color: lightsalmon;
  margin: 5px;
  font-size: 35px;
}

You can check out the Demo.