| Now lets do some Practical. |
| Just write/copy this example on any text editor new file and save the file and open in the browser and see how it looks. |
| Example: |
| <html> <head> <title> Lists </title> </head> <body> Unordered List <ul> <li>Text Book</li> <li>Note Book</li> </ul> Ordered List with numbers <ol> <li>Text Book</li> <li>Note Book</li> </ol> Ordered List with Roman numbers <ol type=”i”> <li>Text Book</li> <li>Note Book</li> </ol> Ordered List with small character <ol type=”a”> <li>Text Book</li> <li>Note Book</li> </ol> Definition List <dl> <dt>Books</dt> <dd>Books are the great friends.</dd> <dt>Pen</dt> <dd>Pen is the biggest power.</dd> </dl> </body> </html> |
| Page in browser will look like: |
 |
| Now you have seen how in HTML, three types of list ordered, unordered and definition lists are created. |