Files
  • index.html
  • index.css
  • index.js
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
  <head>
    <title>HTML Lists</title>
    <style>
          .exList {
        font-size: 16px;
        color: black;
      }
    </style>
  </head>
  <body>
     <!-- Unordered List Element-->
 <ul style="list-style-type:circle" class = 'exList'>
  <!-- List's Heading-->
   <strong>Favorite Games:</strong>
  <br><br>
  <!-- Items in the list-->
   <li>Wolfenstein</li>
   <li>Ikariam</li>
   <li>Yoshi's Island</li>
 </ul>
 <br><br>
    <!-- Ordered List Element-->
    <ol type="I" class = 'exList'>
     <!-- List's Heading-->
      <strong>Baking a Cake</strong>
     <br><br>
     <!-- Items in the list-->
      <li>Ingredient</li>
      <li>Equiptment</li>
      <li>Directions</li>
    </ol>
  </body>
</html>
result
console