Week1

Windows users - turn on file extensions. This is important for programming!

Notes on <!doctype html>

There is also a section on the W3Schools -> HTML Tutorial -> HTML Doctype

On the W3Schools -> HTML Tutorial read:

HTML HOME
HTML Editors
HTML Basic
HTML Elements
HTML Attributes
HTML Headings
HTML Paragraphs
HTML Page Title


Lab1

Create a web page file named lab1.html Notice that it is all lowercase, no spaces.

Create a html file that has the correct structure using the doctype, html, head, title, and body opening and closing tags.

Specify a DOCTYPE as the very first line in the HTML document..

Title the page "Your Name lab1" where YourName is your real name.

Using the heading h1 tag, have CST1021 Lab 1 at the top.

Using the h2 tag, display your name.

Display the 4 short lines. You can use my example lines or your own short lines from a poem, etc. Separate the lines using break br tags.

Display the preformatted text as shown.

Display a horizontal rule hr

Create at least three full paragraphs of text. Create the paragraphs using p tags. You can use my example text or you may use your own text such as from a short story, etc. The text must be lengthly to demonstrate the paragraphs effectively.

Display a horizontal rule.

Display text at the bottom with a version number of your choice.

You have now created a web page.

Your result should be similar to what you see below.

Verify that your web page validates using the W3C online validator. You must submit a screenshot to the dropbox that the page validates without ANY errors.

Your result should be similar to what you see below.

screenshot

When validation is passed, you should see a message like below.

doc check

 

Grading Criteria Possible
Points
15
Your
Points
15
Correct file name. 1 1
Correct DOCTYPE, HTML, HEAD, TITLE, and BODY structure. 2 2
Demonstrated assignment effectively. 7 7
Document validated without any errors. 5 5

 


Version 1.00.00