Monday, December 26, 2016

HTML Lists - Unordered Lists - Web Development

How to make list in HTML?


Make unordered list in HTML

Example Code:
<h2>An unordered HTML list</h2>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 

Unordered list Item Maker

You can put the value below for List items for unordered list
Values – Disc, Circle, Square, none
Example of full code:

<!DOCTYPE html>
<html>
<body>
<h2>List with type of  Bullets</h2>

<ul style="list-style-type:disc">
  <li>United States</li>
  <li>Canada</li>
  <li>Columbia</li>
</ul> 
<ul style="list-style-type:circle">
  <li>India</li>
  <li>China</li>
  <li>Singapore</li>
</ul> 

<ul style="list-style-type:square">
  <li>South Africa</li>
  <li>Kenya</li>
  <li>Zimbabwe</li>
</ul> 

<ul style="list-style-type:none">
  <li>Austrlia</li>
  <li>New Zeland</li>

</ul> 

</body>

</html>

Output of the above Code will be :




List will continue... Thanks for Reading

No comments:

Post a Comment