Execute
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Types of Lists in HTML</title> <style> .square { list-style: square; font-size : 16px } .circle { list-style: circle; font-size: 16px } </style> </head> <body> <h1 style="color:blue;text-align:center;font:24px">Example for Unordered, Ordered and Description Lists</h1> <h2 style="color:green;text-align:left;font:20px">Unordered List</h2> <ul> <li>Red</li> <li>Black</li> <li>Blue</li> </ul> <h2 style="color:green;text-align:left;font:20px">Unordered List With Different Symbols</h2> <ul> <li class="circle">Red</li> <li class="square">Black</li> <li class="circle">Blue</li> </ul> <h2 style="color:green;text-align:left;font:20px">Ordered List</h2> <ol> <li>Getting up at 6</li> <li>Outdoor running for 45 mins</li> <li>Getting ready by 8</li> <li>Breakfast by 8:30</li> <li>Reach office by 9:30</li> </ol> <h2 style="color:green;text-align:left;font:20px">Description List</h2> <dl> <dt>HTML</dt> <dd>Hypertext markup language</dd> <dt>CSS</dt> <dd>Cascading style sheets</dd> </dl> </body> </html>