hello.html

<!-- indicates that this is the latest HTML5 used -->
<!DOCTYPE html>

<html>
  <!-- describes the content of the web page -->
  <!-- these contents cannot be seen on the web page -->
  <!-- has css styles, javascript, web page data for google searh engine-->
  <head>
    <!-- only info displayed on the web page tab title -->
    <!-- this is the bookmark name if this page is bookmarked -->
    <title>My first web page!</title>
  </head>

  <!-- content of the web page that is displayed  -->
  <body>
    <h1>This is my first web page!</h1>

    <p>Hello! Welcome to <b><i>Web Programming</i></b>!</p>

    <p>Make sure you <u>autosave</u> your work.</p>

    <p>
      This page was created by <i>Sandhya</i>.
      <br />
      This is a webpage written with <i>HTML</i>.
    </p>

    <h2>Things we will learn in this class!</h2>
    <!-- Creating an unordered list -->
    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
      <li>Git</li>
      <li>VueJS</li>
      <li>PostgreSQL</li>
      <li>Heroku</li>
      <li>NodeJS</li>
      <li>ExpressJS</li>
    </ul>

    <!-- Adding links to a web page. -->
    <h3>Links</h3>
    <a href="https://stackoverflow.com/" target="_blank">Visit Stack Overflow</a>.
    <br />
    More information on HTML at
    <a href="https://www.w3schools.com/" target="_blank">W3 Schools</a>. It's a
    great resource.

    <!-- Adding image to a web page. -->
    <h3>Image</h3>
    <img src="jungle.jpg" alt="Jungle with trees" title="Jungle" height="400" />
    <p>Jungle Photo by Ana Briard on Unsplash</p>

    <!-- Creating tables -->
    <h3>Tables</h3>
    <table>
      <thead>
        <tr>
          <th>Fish</th>
          <th>Habitat</th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <td>Trouts</td>
          <td>River</td>
        </tr>

        <tr>
          <td>Shark</td>
          <td>Ocean</td>
        </tr>

        <tr>
          <td>Walleye</td>
          <td>Lakes</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>