HTML List





List is a formatting text or object to define numeric, symbols, letters or block in front of content. they are 3 kinds of list such as order list, unorder list, and definition list.

1. Order List is order number or letters in front of text or objects.

< OL Type = “ 1 , i , I , a , A“> Start = ”Number
< Li > Item1</Li>
< Li > Item2</Li>
< Li > Item3</Li>
...................
...................
< Li > Item</Li>
< /OL > 

*Notice: If you start = "number", it will show only number by ordering you put it.

Example:

<html>
<head>
<title> Demo List </title>
</head>
<body>
<center>
<ol type = “ i “ >
<li> Introduction</li>
<li> Input/Output</li>
<li> Control Structure</li>
<li> Functio</li>
<ol>
</center>
</body>
</html> 

2. Unorder List is a symbol in front of text or objects. In unorder list, square, cycle, and disc.

< ul type = “disc , circle , square “ >
< li > Item</li>
< li > Item</li>
< li > Item3</li>
.....................
.....................
< li > ItemK</li>
</ul > 

*Notice: type= "dise, circle, square" use only one among of them. please look at Example as below:

Example: 

<html>
<head>
<title> Demo List </title>
</head>
<body>
<center>
<ul type = “Disc“>
<li> Introduction</li>
<li> Input/Output</li>
<li> Control Structure</li>
<li> Function </li>
</ul>
</center>
</body>
</html>

3. Definition List is a kind of list that show object or text in block.

< dl >
< dt > Content Name1
< dd >
Sub Content Name1
Sub Content Name2
................................
< dt > Content Name2
< dd >
Sub Content Name1
Sub Content Name2
................................
< dt > Content Name3
< dd >
Sub Content Name1
Sub Content Name2
................................
< /dl >

Example: 

< dl >
< dt > Kind of phone
< dd >
Iphone (4, 5, 6s,..)
Samsung (Galaxy S, Note, A,...)
Sony (M, X,...)
LG (G2, G3,..)
< dt >Kind of computer
< dd >
Mac
Dell
Asus
Accer
< dt > Kind of Car
< dd >
Luxus
Camery
Highlander

< /dl >