Use your own supplied images. Keep them under 1000px wide. (You may use previously provided images)
Criteria:
1.
• Create a root folder for 2 html files and a nested folder for the css file as well as a folder for images.
• Keep both html files in the root folder.
• Create and Keep the css file in the css folder named "css".
• Keep your image files in the folder named "images".
2. Name 1st HTML page "index.html" and include the following on it:
a - 1% - HTML Files must use the html, head and body tags in their formal structure.
b - 1% - 1 image of your choosing (no bigger than1000 x 500 pixels) at top of page.
c - 1% - Your full name surrounded with H1 tags.
d - 2% - 1 paragraph with minimum 100 words of your choosing. Make 2 or more words BOLD in the paragraph.
e - 2% - 1 ordered list with a minimum of 3 list items.
f - 2% - 1 image of your choosing (under 1000px wide) that will also be a link to an external website of your chossing (eg. https://djolessons.com).
g - 1% - on a new paragraph create a hypertext link to 2nd page.
h - 2% - add a link tag in the code to connect to the external CSS file (mycss.css) that is saved in the css folder (css details below).
3. Name 2nd HTML page "yourLastName.html" and include the following on it:
a - 1% - Your full name at the top using h2 tags.
b - 1% - in a new paragraph make a hypertext link back to "index.html".
4. - 1% - Create an external CSS file called "mycss.css" in your CSS folder and include the following:
a - 2% - A Selector style for body tags that changes the colour of background (not black) and sets a default font size for the text to 24px.
a - 1% - A Selector style for h1 tags that changes the colour of the text to a colour of your choice (not black).
b - 1% - a class style called "myclass" that will be applied to the ordered list that will change the colour of the text to a colour other than black or white.
c - 1% - an ID called "myID" that will be applied to an image to create a coloured border.
 |
 |
5. Hand in compressed root folder to CANVAS. Name it "lastName_web1_midterm.zip".
Hand it in by the next class.
© 2025 DJO Lessons