PDA

View Full Version : HTML List Elements



Forum Guru
11-26-2014, 05:20 PM
This tutorial is about HTML List Elements. What is a List? You wrote some point about a topic. Some people make an outline about their topic. They give all points in different line to explain them. So that they can understand that all points are not related to each other. They will use List. You can see below example of un-order List.


Heading For List


First Point
Second Point
Third Point
You can see above some List Element. The text shown in the form of List. And with every line/point you can see bullet. Bullet shows that you this is an un-order HTML List Elements. You can also take a view at the order HTML List Elements.


Heading For Order HTML List Elements


First Point
Second Point
Third Point
Thus you can create a lot of points. Hope you will understand the overview of list Elements. And Here I would like to tell you that we will use List Element to make menu bar of a website. You can make this in other ways. But the best way to create menu bar is through un-order list elements. After learning CSS you will be able to make your own menu bars.


Now I will come towards my topic that was HTML List Elements. How you can create un-order list elements using HTML? You can see below code to understand this. This code will written in body tags.


<h2>Name OF Countries</h2>


<ul>


<li>Austrailia</li>


<li>Canada</li>


<li>India</li>


<li>Pakistan</li>


<li>Saudi Arabia</li>


<li>UAE</li>


<li>USA</li>


</ul>
You can learn code of un-order list from above. We will use li in order list. Because li represent a list element. While ul represent an un-order list. In order list We will change ul to ol. Because ol is use for order list. For order list you can run the following code :


<h2>Name OF Countries</h2>


<ol>


<li>Austrailia</li>


<li>Canada</li>


<li>India</li>


<li>Pakistan</li>


<li>Saudi Arabia</li>


<li>UAE</li>


<li>USA</li>


</ol>
You can run both of the code. You can make list element as you want. And write text between li as you want to write. If you didn’t understand anything in both of the code then you can ask. We will help you to tell you in a better way. If you have any problem to viewing this site content. You can inform us. We will solve your issue as soon as we can. Keep visiting this website daily. Because we update it on daily basis. And Hope you will found a lot of material on it and you will like that.

BDunc
11-11-2017, 03:36 PM
V nice