Use your own supplied images. Keep them under 800px wide.
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 - 2% - Html Files must use the html, head and body tags in their formal structure.
b - 1% - 1 image of your choosing (no bigger than 1000 x 500 pixels) at top of page.
c - 1% - Your full name using h1 tags.
d - 2% - 1 paragraph with minimum 100 words of your choosing. Make 1 or more words BOLD in the paragraph.
e - 2% - 1 image of your choosing that will also be a link to an external website of your choosing (eg. https://djolessons.com).
f - 2% - 1 ordered list with a minimum of 3 list items.
g - 1% - set the background colour to something other than white.
h - 1% - on a new paragraph create a hypertext link to 2nd page.
i - 1% - link to CSS file 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% - on a new paragraph a hypertext link back to "index.html".
4. Create an external CSS file called "mycss.css" in your CSS folder and include the following on it to be used on your "index.html" page:
a - 1% - A Selector style for h1 tags that changes the colour of the text to a colour of your choice (not black).
b - 2% - a class style called "myclass" that will be applied to the ordered list that will change the colour of the text to red.
c - 2% - 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_FirstName.zip".
Hand it in by the end of class.
© 2022 DJO Lessons