HTML Unordered Lists :
- Unordered lists i.e. each item is represented without any numerical or alphabetic symbol associated with it. The below image shows 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:
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:
| 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> |