HTML ORDERED LISTS

HTML ORDERED LISTS:
• You can also create number list in HTML.
• This list is created by using <ol> tag.
• The numbering starts at one & is increment by one for each successive order list.

Example:
<!DOCTYPE html>
<html>
<head>
<title>order Lists </title>
</head>
<body>
<ol>
<li>Java</li>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ol>
</body>
</html>

OUTPUT:
1. Java
2. HTML
3. CSS
4. Java Script
5. PHP
There are various types are present in ordered list.

Example:
<!DOCTYPE html>
<html>
<head>
<title>order Lists </title>
</head>
<body>
<ol type= "i">
<li>Java</li>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ol>
</body>
</html>

OUTPUT:
i. Java
ii. HTML
iii. CSS
iv. Java Script
v. PHP

Example:
<!DOCTYPE html>
<html>
<head>
<title>order Lists </title>
</head>
<body>
<ol type= "I">
<li>Java</li>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ol>
</body>
</html>

OUTPUT:
I. Java
II. HTML
III. CSS
IV. Java Script
V. PHP

Example:
<!DOCTYPE html>
<html>
<head>
<title>order Lists </title>
</head>
<body>
<ol type= "A">
<li>Java</li>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ol>
</body>
</html>

OUTPUT:
A. Java
B. HTML
C. CSS
D. Java Script
E. PHP

Example:
<!DOCTYPE html>
<html>
<head>
<title>order Lists </title>
</head>
<body>
<ol type= "a">
<li>Java</li>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ol>
</body>
</html>

OUTPUT:
a. Java
b. HTML
c. CSS
d. Java Script
e. PHP

Comments

Post a Comment

Popular posts from this blog

Set Font Colour

Set Font Colour: • You can set font colour by using color attributes. • You can specify either hexadecimal colour code or colour name. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font color="#FF00FF">This text is Pink</font><br/> <font color="yellow"> This text is Yellow</font><br/> </body> </html> OUTPUT: This text is Pink This text is Yellow
Read more

Colspan & Rowspan Attributes on HTML Table

Image
Colspan & Rowspan Attributes: • You will use colspan attributes if you want to merge two or more columns nto single column. • Rowspan is used if you want to merge two more rows. Example: <!DOCTYPE html> <html> <head> <title>HTML Table</title> </head> <body> <table border=”1” > <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td rowspan="2">Row 1 cell 1</td> <td>Row 1 cell 2</td> <td>Row 1 cell 3</td> </tr> <tr> <td>Row 2 cell 2</td> <td>Row 2 cell 3</td> </tr> <tr> <td colspan="3">Row 3 cell 1</td> </tr> </table> </body> </html> OUTPUT:
Read more