tagLab.html

This is a pod assignment 10 points. You may work with your pod on this but you must submit individually. You should not be giving the answers directly to your podmates. This assignment will help you get used to HTML, using your text editor, and viewing your work in a browser window.

Save this shell file as shell.html. You can copy this file to save typing this minimal boilerplate.


<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>PUT TITLE HERE</title>
    </head>
    <body>
    <h1>Minimal HTML File</h1>
    </body>
</html>

Now make a copy of this file named tagLab1.html.

In it, you will replicate this page.

picture of web page to replicate

Recommended Working Configuration

  1. Open tagLab1.html in your browser using the Open... menu item.
  2. Open the file in VSCode using its Open... menu item.
  3. As you edit, save in VSCode, then refresh the browser and you will see your progress.
  4. It is very smart to save and valdiate often so you only have to look in a small place for a problem.

HELP! What is this stuff? Follow these steps and you will be in fat city. You will learn how to use W3Schools to find what you need to know to use unfamiliar tags correctly so they become familiar tags.

  1. Open a browser tab to W3Schools
  2. Click on HTML REFERENCE (the grey button).
  3. Look up the <p> tag.
  4. Now hit the green "Try it yourself" button.
  5. Now you know how to make a paragraph. Type some of the paragraphs into the document.
  6. Look up tag <h1>.
  7. Now hit the green "Try it yourself" button.
  8. Et voila! You know how to make HTML headings. Add them.
  9. Now look up the tag <ol> and you have the idea for the rest!