Untitled

<!doctype html>
<html>
<head>

</head>
  <title>Page 2</title>
  <style>

    table,tr,th,td {
        border-style:solid;
        border-width:1px;
        border-color:black;
        border-collapse:collapse;
    }


    ul li {
          color:red;
    }

    ol li{
           color:gray;
    }
    #li3 {
           background-color:yellow;
    }

    .blue {
          color:rgb(34,34,123);
    }
    li:hover {
          color:blue;
          background-color:white;
          font-weight:bold;
    }
  </style>
<body>
  <p>
  Hello HSE! It is page 2
  </p>
  <img src="hse.jpg" height="200" width="200"/>
  <select>
    <optgroup label="Numbers">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
    </optgroup>
    <optgroup label="Letters">
      <option>a</option>
      <option>b</option>
      <option>c</option>
      <option>d</option>
    </optgroup>
  </select>
  <table>
  <tr>
    <th>One</th><th>Two</th><th>Three</th>
  </tr>
   <tr>
    <td>1</td><td>2</td><td>3</td>
  </tr>
  <tr>
    <td>1</td><td>2</td><td>3</td>
  </tr>
   <tr>
    <td>1</td><td>2</td><td>3</td>
  </tr>
  </table>
    <div>
    some random text
    </div>
  <ul>
    <li style="color:green;background-color:pink;">hello</li>
    <li>hello</li>
    <li id="li3">hello</li>
  </ul>
  <ol>
    <li>HSE</li>
    <li class="blue">HSE</li>
    <li class="blue">HSE</li>
  </ol>
</body>
</html>