HTML LISTS

HTML LISTS:
HTML Lists: Step-by-Step Guide | Career Karma
• HTML offers web authors to specify the lists in three ways.
• <ul> - An unorder list. This list items using plain bullet.
• <ol>- An order list. This list items using different schemes of numbers to list your
items.
• <dl> - An definition list. This arranges items in the same way as they were arranged
in a dictionary.

HTML UNORDERED LISTS:
• An unordered list is a collection of related items that have no special order.
• We define the tag by using <ul> tag.
• Each item list is marked with a bullet.
• You use <li> tag to lists the items.
• Type disc is default unordered list type.

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

OUTPUT:
• Java
• HTML
• CSS
• Java Script
• PHP

Example:
<!DOCTYPE html>
<html>
<head>
<title>Unorder Lists </title>
</head>
<body>
<ul type= "disc">
<li>Java</li>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ul>
</body>
</html>

OUTPUT:
• Java
• HTML
• CSS
• Java Script
• PHP

Example:
<!DOCTYPE html>
<html>
<head>
<title>Unorder Lists </title>
</head>
<body>
<ul type= "circle">
<li>Java</li>
li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
<li>PHP</li>
</ul>
</body>
</html>

OUTPUT:
o Java
o HTML
o CSS
o Java Script
o 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

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. PH
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