Web Authoring - Page 1 Assignment   Go to Page 2 Spec sheet

Basic HTML Web Site using CSS
(refer to video for details if you need them)

Assignment Criteria
Use a Word editing software such as Notepad or TextEdit to create HTML and CSS files with the following instructions:

HTML - HTML CODE

1. On this page place your name at the top using h1 tags.
2. • Place photo of puppy directly below your name.
   • Make it a link to "page2.html".
3. • Then create a List with 3 lines of text.
   • A Selector tag style will dictate the colour of the list.
4. Create a Hypertext link on it's own line that links to an external website.
5. • Place 3 images of the same size (GF_cookies) inside 3 tables cells in a table with 3 columns and 1 row.
   • This table will have an ID attribute applied.

CSS External Stylesheet - CSS CODE

Create a new CSS external style sheet for this page and save it in the CSS folder on your site. Call it "page1.css".

1. Create 2 new tag Selectors in CSS file to be applied to h1 & p tags, each with a unique color property.
2. Create a:link, a:hover & a:visited tag properties using color and text-decoration properties.
3. • Create 1 class style in CSS file to be applied to puppy photo.
   • Add a border and Make bottom border 10px and orange.
4. • Create ID style for custom border on tables.
   • Make it a size of your choice with a different colour on each side.