Student Name: Weight: 15%

Student ID: Marks: /26

Assignment: Using HTML

In this assignment you’ll demonstrate your ability to create a well-structured HTML web page
that incorporates key concepts you learned in class. This assignment may be completed during
a provided work period or outside of scheduled class time, as indicated by your instructor.

Instructions
1. Working individually, create a webpage using HTML. This page will be a personal resumé,
and must contain the following elements:
 A clear and relevant heading
 At least one image (e.g., a profile photo)
 At least one link to an external website (e.g., the SAIT website)
 Standard resumé content such as skills, work experience, education, hobbies,
personal projects and career goals. At least one of these sections must be displayed
in a table.
Note: If you don’t want to share any personal information for this assignment, you
are welcome to use aspirational or placeholder data (e.g., a book or movie
character) instead.
2. Upload the following to Brightspace:
 Your index.html file
 A screenshot showing successful validation of your page from
https://validator.w3.org/
 A screenshot showing your document outline from
https://gsnedders.html5.org/outliner/
3. Submit your assignment by the due date listed in Brightspace. See the marking criteria
below for details on how you will be assessed.

© 2022, Southern Alberta Institute of Technology 1

Marking Criteria
0 Marks 1 Mark 2 Marks Marks

No required Heading, image, links, or All required sections are

/2
Content content is included. resume content is included.
missing.
No HTML is Code is visible on the Page renders without /2
HTML Syntax submitted. page. visible errors.

No HTML is HTML has syntax errors. HTML passes validation /2

HTML Syntax submitted. with no errors.

No HTML is HTML has inconsistent HTML is well formatted.

/2
HTML Syntax submitted. indentation or
unnecessary whitespace.
No images are One or more images Images render on page. /2
Images included. does not appear.

No images are One or more images are All images have /2

Accessibility included. missing alt-text. descriptive alt-text.

Anchor is missing. Anchor does not work. Anchor correctly links to /2

Linking another website.

Table is missing. Table does not render Web page includes a /2

Tables correctly. table.

Table is missing. Inappropriate table Table uses correct /2

Tables elements were used. elements.

Document outline Document outline Document outline

Document contains one or contains one or more contains all titled /2
Outline fewer items. untitled sections. sections.

Document outline Document outline Document outline

contains one or contains more than one contains a single page-
Document /2
fewer items. page-level heading, or no level heading and logical
Outline
nesting, or unnecessary nesting of sections.
nesting of sections.
Document outline Sectioning elements are Appropriate sectioning
Document contains one or missing or not relevant. elements have been /2
Outline fewer items. used.

No HTML is Obsolete HTML elements Appropriate HTML

HTML submitted. are included. elements are used in /2
Attributes page.

Total /26

© 2022, Southern Alberta Institute of Technology 2

© 2022, Southern Alberta Institute of Technology 3