html unordered list

HTML Unordered List | HTML Bulleted List

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

  1. <ul>  
  2.  <li>HTML</li>  
  3.  <li>Java</li>  
  4.  <li>JavaScript</li>  
  5.  <li>SQL</li>  
  6. </ul>  

Test it Now

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

ul type=”circle”

  1. <ul type=“circle”>  
  2.  <li>HTML</li>  
  3.  <li>Java</li>  
  4.  <li>JavaScript</li>  
  5.  <li>SQL</li>  
  6. </ul>  

Test it Now

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

ul type=”square”

  1. <ul type=“square”>  
  2.  <li>HTML</li>  
  3.  <li>Java</li>  
  4.  <li>JavaScript</li>  
  5.  <li>SQL</li>  
  6. </ul>  

Test it Now

Output:

  • HTML
  • Java
  • JavaScript
  • SQL

ul type=”none”

  1. <ul type=“none”>  
  2.  <li>HTML</li>  
  3.  <li>Java</li>  
  4.  <li>JavaScript</li>  
  5.  <li>SQL</li>  
  6. </ul>  

Test it Now

Output:

  • HTML
  • Java
  • JavaScript
  • SQL
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s