LIST

There are mainly three types of list

1. Ordered List (OL)

2. Unordered List(UL)

3. Definition List (DL)

 Ordered List (OL) –As we have seen in MS .Word there are many number and alphabets bullets and we can apply any one of them.

As name states that there must be an order among items either 1,2,3…,a,b,c….,A,B,C…..I,II,III……i,ii,iii…….If you want to use ordered list you will have to use <OL> TAG and with the help of TYPE attribute we can change any type of order. And <LI> List tag( non empty tag )is used to specify items in the list.  

Ex1---

<html><head>

<title>Ordered list</title>

</head>

<body>

<center><h1>Life Skills</h1></center>

<font color="red" size="+3" >

<b>For getting success you need……<b></font>

<OL>

<LI>Goal (Aim)

<LI> Determination

<LI> Strong Desire

<LI> Plan

<LI> Execution

<LI>Honesty

<LI< Dedication

<LI>Hard work

<LI>New strategy if you have failed in previous one

</OL>

</body>

</html>

Note-by default Items are displayed using 1,2,3… Number bullet like

1 Goal

2 Strong Desire and so on

 

Ex2--

<html>

<head>

<title>Ordered list</title>

</head>

<body>

<center><h1>Life Skills</h1></center>

<font color="red" size="+3" >

<b>For getting success you need……<b></font>

<OL TYPE=”a”> <!—you can use these option alsoor <OL TYPE=”A”> <OL TYPE=”i”> <OL TYPE=”I”>  -->

<LI>Goal (Aim)

<LI> Determination

<LI> Strong Desire

<LI> Plan

<LI> Execution

<LI>Honesty

<LI< Dedication

<LI>Hard work

<LI>New strategy if you have failed in previous one

 

</OL>

</body>

</html>

 

 

Unordered List (UL) –As we have seen many bullets except number and alphabet bullet but in case of unordered list we can apply circle “o” square “   “ .by default UL using disc “. “any one of them.

If you want to use unordered list you will have to use <UL> TAG and with the help of TYPE attribute we can change any type of pattern. And <LI> List tag (non empty tag) is used to specify items in the list.

 

 

 

 

Ex1

<html><head>

<title>Ordered list</title>

</head>

<body>

<center><h1>Life Skills</h1></center>

<font color="red" size="+3" >

<b>For getting success you need……<b></font>

<UL>

<LI>Goal (Aim)

<LI> Determination

<LI> Strong Desire

<LI> Plan

<LI> Execution

<LI>Honesty

<LI< Dedication

<LI>Hard work

<LI>New strategy if you have failed in previous one

</UL>

</body>

</html>

 

Ex2

<html><head>

<title>Ordered list</title>

</head>

<body>

<center><h1>Life Skills</h1></center>

<font color="red" size="+3" >

<b>For getting success you need……<b></font>

<UL type=”circle”>

<!—you can use square bullet also by writting<UL type=”circle”>  -->

<LI>Goal (Aim)

<LI> Determination

<LI> Strong Desire

<LI> Plan

<LI> Execution

<LI>Honesty

<LI< Dedication

<LI>Hard work

<LI>New strategy if you have failed in previous one

</UL>

 

</body></html>

No comments:

Post a Comment

  HTML IBM introduced GML (general mark-up language) 1980's . it was a language that aimed to create web page by using headings ,text ...