Practice Exercise: HTML


Requirement:

You MUST read the Academic Integrity policy before beginning this assignment. If you have any questions regarding what constitutes cheating, please contact your instructor.


Objectives: Gain experience using Notepad++ to create a simple web index using HTML.

Description: In this assignment you will create a simple web page that will serve as an index to your course assignments.


Create an html page that will serve as an index page for your class assignments.

Be sure to do the following:

  • Include the doctype.
  • Include a title.
  • Nest your tags correctly.
  • Use minimal formatting because you will add a style sheet later. (Or you can use what I provided in the demo.)

Please include an image of yourself so I can more quickly learn your name.

Use unordered lists for assignments, rubrics, and exercises. Each time you complete a future assignment you must add a link to it in your index page, and then re-upload your index page to the server.

Name your file index.htm.

First save the file locally and then upload it to the classweb server.


  • Validate your page using the W3C Validator.
    • If you get a warning about character encoding, add these lines to your <head> section:

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta charset="utf-8" />

  • Spell check your page using a site like Online Spell Check Tool.

You should ALWAYS do the following, whether I specify it or not.

  • Include the HTML5 doctype.
  • Include a title using the title tag.
  • Nest your tags correctly.
  • Indent code correctly.
  • Validate your html using the W3C HTML Validator.
  • Link your page to your index page. There will be a 15 point deduction if you fail to do so.
  • For each assignment that you set up this semester you need to include adequate commenting. For example, in the first part of this assignment you might include a comment block like the following at the top, per the instructions at the bottom of the Assignments Page.

    <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
           Ima Student
           January 24, 2020
          Assignment 1
          Purpose: This is a resume without any formatting for use as practice
          with HTML.
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

Example Solution