HTML Unordered List | HTML ul

HTML Unordered List

HTML Unordered List is used to insert the data into the bullets formate. It is also known as bullet lists or HTML ul.

HTML Unordered List

1
2
3
4
5
<ul>
   <li>Ice-Cream</li>
   <li>Chocobar</li>
   <li>Cold-Coffee</li>
</ul>     

This above code shows that how can you write any data into the bullets formate. And this is the default formate of >ul< list.

HTML ul

You also change the bullets into the another bullets formate like circle or square bullets .
If you want to change it, than you have to use the type attribute and it will be display in the form like DISC | SQUARE | CIRCLE .

Example – Full Code for the HTML ul List

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
     <body>
           <h2>Different  types of Bullets in Unordered List</h2>
           <ul>
             <li>Ice-Cream</li>
             <li>Chocoba</li>
             <li>Cold-Coffee</li>
           </ul>
           <ul type="square">
             <li>Sugar</li>
             <li>Salt</li>
             <li>Sour</li>
           </ul>
           <ul type="disc">
             <li>Car</li>
             <li>Bike</li>
             <li>Scooty</li>
           </ul>
           <ul type="circle">
             <li>Aroplane</li>
             <li>Bus</li>
             <li>Ship</li>
          </ul>
     </body>
</html>    

These are the different bullets options of the ul and it can be specified by the type attribute.

HTML Unordered List, HTML ul
Fig.1 ->HTML Bulleted List Example.

Caution: DISC is the default ul list. You also change the bullets of the unordered lists with the use of CSS Properties.

You can leave a response, or trackback from your own site.

One Response to “HTML Unordered List | HTML ul”

  1. You are a very clever person!

Leave a Reply to the article

Learning & Certifications
Follow Us
Facebook Icon   Linked In Icon   Twitter Icon  
Validation and Recognition

Valid CSS! Valid HTML5!          Protected by Copyscape