The Web Design Survival Guide | HTML Example 4

by todaly1

HTML

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title of the document</title>
</head>
  <body>
    <ul>
     <li>Unordered list item default</li>
     <li>Unordered list item default</li>
     <li>Unordered list item default</li>
    </ul>
    <ul style="list-style-type:circle">
     <li>Unordered list item with the circle property</li>
     <li>Unordered list item with the circle property</li>
     <li>Unordered list item with the circle property</li>
    </ul>
    <ul style="list-style-type:square">
     <li>Unordered list item with the square property</li>
     <li>Unordered list item with the square property</li>
     <li>Unordered list item with the square property</li>
    </ul>
    <ul style="list-style-type:none">
     <li>Unordered list item with the none property</li>
     <li>Unordered list item with the none property</li>
     <li>Unordered list item with the none property</li>
    </ul>
    <ol>
     <li>Ordered list item default</li>
     <li>Ordered list item default</li>
     <li>Ordered list item default</li>
    </ol>
    <ol type="A">
     <li>Ordered list item with "A" attribute</li>
     <li>Ordered list item with "A" attribute</li>
     <li>Ordered list item with "A" attribute</li>
    </ol>
     <ol type="a">
     <li>Ordered list item with "a" attribute</li>
     <li>Ordered list item with "a" attribute</li>
     <li>Ordered list item with "a" attribute</li>
    </ol>
    <ol type="I">
     <li>Ordered list item with "I" attribute</li>
     <li>Ordered list item with "I" attribute</li>
     <li>Ordered list item with "I" attribute</li>
    </ol>
    <ol type="i">
     <li>Ordered list item with "i" attribute</li>
     <li>Ordered list item with "i" attribute</li>
     <li>Ordered list item with "i" attribute</li>
    </ol>
  </body>
</html>