Html Unordered List

HTML Unordered List | HTML Bulleted List

Html Unordered List is a list of items.

  • The list of items are marked with bullets.
  • An unordered list starts with the <ul> tag.
  • Each list item starts with the <li> tag. Inside a list item we can put paragraphs, line breaks, images, links, other lists, etc.

HTML Unordered List or Bulleted List displays elements in bulleted format. The HTML ul tag is used for the unordered list. There can be 4 types of bulleted list:

  • disc
  • circle
  • square
  • none

To represent different ordered lists, there are 4 types of attributes in <ul> tag.

Type Description
Type “disc” This is the default style. In this style, the list items are marked with bullets.
Type “circle” In this style, the list items are marked with circles.
Type “square” In this style, the list items are marked with squares.
Type “none” In this style, the list items are not marked .

HTML Unordered List Example


<ul>

<li>HTML</li>

<li>Java</li>

<li>JavaScript</li>

<li>SQL</li>

</ul>

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

ul type=”circle”

<ul type=“circle”>

<li>HTML</li>

<li>Java</li>

<li>JavaScript</li>

<li>SQL</li>

</ul>

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

ul type=”square”

<ul type=“square”>

<li>HTML</li>

<li>Java</li>

<li>JavaScript</li>

<li>SQL</li>

</ul>

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

ul type=”none”

<ul type=“none”>

<li>HTML</li>

<li>Java</li>

<li>JavaScript</li>

<li>SQL</li>

</ul>

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

Code for Unordered List in html:

Html Unordered List
Html Unordered List Code


Output for Unordered List in html:

Html Unordered List
Html Unordered List Output


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.