Tribute Page

Essential Question: How can I use HTML and CSS to create a tribute page?

Mastery Objectives:

• SWBAT create a CSS sheet.

• SWBAT use Demonstrate fundamentals of Hypertext Markup Language (HTML).

• SWBAT Create an HTML document and launch in a browser.

• SWBAT Utilize XHTML tag syntax in accordance with W3C standards.

• SWBAT Create absolute and relative hypertext links.

• SWBAT Demonstrate the use of internal and external anchors.

• SWBAT Incorporate an image into a web page.

• SWBAT Demonstrate fundamentals of cascading style sheets (CSS).

• SWBAT Utilize CSS syntax in accordance with World Wide Web Consortium (W3C) standards.

• SWBAT Demonstrate the use of selectors, declarations, properties and values.

Do Now:

Directions: Use the following website to create a tribute page to someone you admire. It can be anyone. How To Build A Tribute Page (freeCodeCamp Challenge) - THT (thehelpfultipper.com) 

Requirements:

• #main container in the body

• #title with heading for tribute subject

• #img-div container with #image for the visual and #img-caption for the caption

• the image should be responsive and centered

• #tribute-info container with text

• #tribute-link anchor that opens to a new page

Resources: Please see resource sheet below.