HTML Unordered lists

HTML Unordered Lists :

  1. Unordered lists i.e. each item is represented without any numerical or alphabetic symbol associated with it. The below image shows an “unordered list”:

an unordered list

HTML Unordered lists: We may see a bullet sign prior to every item of the “unordered list”, this dot (bullet) is the default indication of unordered list; however, we may hide the bullet sign from unordered lists using styles. We just need to ask the style sheet to : list-style: “none” and that does the trick. The application of Unordered lists remains within the menu items primarily. Let us create an unordered list in HTML:

Step 1: Begin with the basic tags i.e.

<ul> </ul>

Step 2: Insert your first list item in this unordered list:

<ul>

<li> First Item</li>

</ul>

Step 3: Test your code in the browser:

My first unordered list

 

Well, if above is the code in your browser, add more list items to your current unordered list to see what happens.

Step 4: adding more items to the list:

<ul>

<li> First Item</li>

<li> 2nd  Item</li>

<li> 3rd Item</li>

<li> 4th Item</li>

</ul>

Step 5: See the result in your browser:

My first unordered list explained

 

Final Formula:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

<html>

<head>

<title>Lists</title>

</head>

<body>

<h1>My First Unodered List</h1>

<ul>

<li> First Item</li>

<li> 2nd  Item</li>

<li> 3rd Item</li>

<li> 4th Item</li>

</ul>

</body>

</html>

 

Leave a Reply