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.