The code for unordered_lists.html is: <!DOCTYPE html> <html lang="en"> <head> <title>Unordered Lists</title> <meta charset="utf-8"> <link href="lists.css" rel="stylesheet"> </head> <body> <h1>Unordered Lists</h1> <h2>Unordered List (unstyled)</h2> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> <li> <b>Second list</b> <ul> <li>Line 1</li> <li>Line 2</li> <li> <b>Third list</b> <ul> <li>Line 1</li> <li>Line 2</li> </ul> </li> </ul> </li> </ul> <h2>Unordered List with circle Bullets</h2> <ul style="list-style-type:circle;"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <h2>Unordered List with disc Bullets</h2> <ul style="list-style-type:disc;"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <h2>Unordered List with square Bullets</h2> <ul style="list-style-type:square;"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <h2>Unordered List with no Bullets</h2> <ul style="list-style-type:none;"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <nav> <h2>Unordered List (Horizontal for Navigation)</h2> <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> </nav> <h2>Unordered List with purple Bullets</h2> <ul class="square"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <h2>Unordered List with smile Bullets</h2> <ul class="smile"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
