Summative Test

8th Grade
Create Simple Personal
Website in HTML
I want you to create two pages for your personal
website. The web pages MUST be saved as .html
 Create the home page based on this design. 37

Home Contact

index.html
YOUR
PHOTO

YOUR NAME
Class (School Name)
About me

THREE HASTAGS THAT DESCRIBE

MY FAVORITES
ME
● Game/Sport : XXXX
● Food : XXXX #XXXX
● Book : XXXX #XXXX
#XXXX

Copyright 2022 @YourName

 Create the contact page based on this design. 14

Home Contact

CONTACT ME
contact.html Address : XXXX
Phone : XXXX
Email : XXXX

Copyright 2022 @YourName

 1

Use the following colour scheme:

Format the background colour to - #96ead7 1

Format the body text to be font “Courier” 1

 2
Add the following two links to each page to
navigate the website:
• HOME 2
• CONTACT
Link each one to the correct page.
Format the link to other pages background
2
colour to #96ead7 and center aligned.
 3

Include one appropriate images and position them as

shown in the design.

Change the size of the image to a height of 200px

2
and center aligned.
 4

Format the Title/Heading to be <h2>

● NAME
● MY FAVORITES 4
● THREE HASTAGS THAT DESCRIBE ME
● CONTACT ME
Format the background colour to #f2f6c3 and 2
centre aligned.
 5

Format the paragraph/content to left aligned. 1

 6

Include the address, email and telephone number.

Format the background colour of email, address

1
and telephone number to #f2f6c3
 7

Include the Copyright 2022 @name for footer.

Format the background colour of Copyright 2022

@name to #96ead7 and 2
centre aligned.
 Send
Script, web link and screenshot display
to google form
(Session Summative Test)
Good Luck