For this exam, work in the same project folder you have been working in for the last few in class exercise. You will adding two files and editing One. To complete the exam follow the steps bellow:
-
Create a new html file called, exam.html
-
create a stylesheet called, exam.css
-
Add “Your Name Exam” to the Title tag of the exam file.
-
Add a link to your exam.css file.
-
Add a link to your bootstrap.css file.
-
In your exam.css file make the background of your page “LightCyan“. Also make your typeface a “sans-serif“ font.
-
Add a Header tag to your page.
-
Inside of the Header tag > Add a Heading One tag, include the text “your name” and the text “CIS 102 HTML Exam”.
-
Inside of the Header tag > Add a Heading Two with today’s date.
-
Next Add a Section tag with a “container” class.
-
Inside the Section tag > add a Heading Two, put the name of your favorite color inside the Heading Two.
-
Now in your exam.css file make the second, and only the second Heading Two on the page (the one inside of the section tag) the color you choose.
-
Inside the Section tag > Using Paragraph Tags add a properly formatted Haiku ( you don’t have to write an original ).
-
Inside the Section tag > add an image tag with a picture of something awesome.
-
Add a link to your index.html on cutting edge space, inside of a header with a class of “jumbotron” remove the existing content.
-
Add a link to your exam.html from your index.html file on cutting edge space.
-
Add a Form tag with a method “Post“ and an action of “mail.php“.
-
Inside the Form tag > Add an Label tag and Input tag for a Name and a Email. Put both of these tag pairings inside of Div tags. Give each Input tag the appropriate type attribute.
-
Inside the Form tag > & Inside of a Div tag > Put a Label tag and Textarea tag. Label the textarea “message“.
-
Inside the Form tag > & Inside of a Div tag > add a Button tag, with a type of “Submit”.
Now use the file manger in cPannel to upload your exam.html file, your updated index.html file, your image file, and your exam.css file.
Next navigate to your link on cutting edge space, go to your exam page and copy the URL and then paste the UTL W3C Html Validator. If there are any error try and fix them, otherwise you are done!