list.html

<!DOCTYPE html>
<html>
<head>
	<title>HTML Lists</title>
</head>
<body>

    <p>This is the list of colors</p>
    <ul style ="list-style-type:square;">
          <li>Red</li>
          <li>Blue</li>
          <li>Green</li>
          <li>Purple</li>
          <li>White</li>
          <li>Gold</li>
          <li>Violet</li>
          <li>Indigo</li>
    </ul>

    <p>This is a list of my favorite proteins</p>
    <ol type = "A">
          <li style ="font-size:40px;">Chicken</li>
          <li>Goat</li>
          <li>Turkey</li>
          <li>Beef</li>
    </ol>

    <p>This is another ordered list</p>
    <ol start= "22">
          <li>Writing</li>
          <li>Reading</li>
          <li>Research</li>
          <li>Eating</li>
    </ol>
    <p>This is an example of a nested list</p>
    <ol>
        <li>HTML</li>
        <li>CSS
            <ol>
                <li>Basic CSS</li>
                <li>Tailwind CSS</li>
            </ol>
        </li>
        <li> Javascript
            <ol>
                <li> Vanilla Javascript</li>
                <li style = "font-size:40px; background-color: purple;">React Javascript</li>
            </ol>
        </li>
        <li>Solidity</li>
        <li>Hardhat</li>
    </ol>
</body>
</html>    