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.
When validation is passed, you should see a message like below.
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 |