[NEW SOLN] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE

[SOLVED] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE: This week you will take what you learned about semantic HTML and CSS and mark up improvements to the basic site that you created last week.

[SOLVED] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE: Instructions:

In your local root, create a file called ‘styles.css’ in your ‘css’ directory.
Link to the ‘styles.css’ sheet in the head of your ‘index.html’ using a relative path. Be sure the path is correct, and all required attributes are included.
Change the title to “Firstname Lastname: Week 2”.
Add an ID of “header_h1” to the first <h1> tag.
Nest your <ul> element inside a <nav> tag.
Nest your <h1> and your new <nav> inside a <header> tag just after the opening <body> tag.
After the closing </header> tag, add a <main> element.
[SOLVED] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE: Inside this main element will be nested two <article> elements, each containing one of the <h2> tags and a <p> tag with the placeholder lorem ipsum content.
After the last </article> and before the closing </main> tag, add a <footer> element with ‘<p>Footer</p>’ nested inside.
Add a class of “home_article” to both article tags.
Make the following CSS changes in your style sheet:
1. Select the ID in the H1 tag to change the color of your name to “red”.
2. Select the class in the articles to give them a background color of “lightgray” and padding of 10 pixels.
3. Ensure the styles are working, if not check the path to the stylesheet in the <link> element.
Save all your files and FTP everything to Coton.
Submit the the URL to your web site. It should look like the following example:
https://coton.champlain.edu/WEBD12545/user.name/html/index.html

[NEW SOLN] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE

You May Also Like