Basic HTML 5
Lab Assignment

Learning Objectives:

By the end of this assignment, you will be able to:

1. Use required HTML 5.0 tags in your web pages.

2. Create pages using heading tags, paragraph tags, line break tags and horizontal line tags.

3. Follow HTML 5.0 standards for entering tags

4. Validate your page the W3C online validator.

5. List and describe the new semantic HTML 5.0 tags

6. Use semantic tags to indicate header and footer content, article content and section content

Overview

You will be creating an assignment summary page.  Eventually, you will link every file you create for this class into the page.  Today, we are going to focus on the structure of the page and we will also be adding some semantic and text elements to the page.  Next week, we will add links and images to the page.  The following week, we will apply CSS to the page to make it look good :)

To see a video demonstration, watch: https://youtu.be/MyPQ4Zv-4OA

1. Create a new document in VS Code.

2.  Save the file into the CIT180 folder and name it assignments.html  (make sure the file type is set to html)

3. Your assignment summary page should have the following structure, tags and text elements (make sure you enter your name in place of my name).

4.  Save the changes you made to the document.

5.  Transfer the file to the main directory (do not put it into a folder).   When dragging the file, you need to place it below any existing folders (if you drag to a folder, the file will go inside that folder).

Example:

6.  Validate the page at https://validator.w3.org/

NOTE: The validator doesn't like nested tags and will mark them with errors or warnings. If you don't have any typos and the nested tags are done correctly, then you don't need to worry - it is just a quirk of the validator.

Grading: