Making a Web Page With HTML 5

1. Use NotePad (PC), or TextWrangler (Mac), or Adobe Brackets (PC and Mac) to make a Web page in HTML 5

Your webpage should consist of two files: hw2.html and an image file with any appropriate name, ending in .gif, .png, or .jpg, and must contain the following Required Elements:

1. Appropriate DOCTYPE for html 5

2. Opening and Closing and tags, properly enclosing the entire HTML document - remember the lang attribute!

3. Opening and Closing and tags, properly enclosing the entire head section.

4. Opening and Closing and tags, properly enclosing the entire body of the webpage. You should include the inline CSS in the body tag to make the background color of the whole page be any light color you choose.

5. A character encoding declaration of UTF-8

6. A comment in the head section stating the purpose, author, and date of page creation

7. An appropriate title that appears in the title bar of the browser, properly placed in the head section of the HTML document between tags.

8. An appropriate meta tag description based on what is the main topic of your web page

9. The body section must include the html 5 header, section, article (at least 2), and footer tags. All of these are 2-sided tags and must have a closing tag such as , , etc. Remember that it's advisable to have a heading every time you open a section or an article element

10. Inside the header element, you should include 2 different headings: a h1 and a h2.

11. One of the headings should be centralized and italicized using inline CSS. The other heading should be centralized, bold and with a different color other than the default black (again, using CSS)

12. Inside each article you should have at least 2 paragraphs and one of the paragraphs you should demonstrate the use of line break (the br element)

13. You should have content in an Ordered List

or Unordered List
with the appropriate closing tag. Your List must contain at least two list Items with
• ...
tags. The list can contain and any readable text you choose.

14. You should include at least one image and below the image you should include a description of the image and where you got the image (even if you were the creator of the image) - the image should be downloaded to your computer and saved inside the same folder where you are saving the hw2.html file

15. You should write in the footer the text: "Copyright xx Your Name" where xx will be the copyright symbol (using special characters) and Your Name is going to be your name.

16. You should include, between the articles a line separator using the horizontal ruler element

17. You should include in your content a link to the City College website - it is an external website that will be opened in another window or tab.

18. Make sure your code is valid by using the W3C validator that is mentioned in the lecture - validator.w3.org

19. Save both the .html file and the image in one single folder in your computer and zip that folder.