Question: Complete the following the index.html and main.css to create a page that look like the one above. 1 . Create the properly formatted tag for

Complete the following the index.html and main.css to create a page that look like the one above.
1. Create the properly formatted tag for the picture in the header (order.jpg).
(It has a width of 80px)
2. Add your name and student number as a comment in the html
3. Add the code in the Head tag to link main.css to the index.html
4. Add a comment at the in the main.css with your name and student number
In the aside:
5. Add poster.png and make it properly coded
6. with a figure caption saying Find Out More
7. Add a table in the aside
a. Be sure to include tags for table, th, and td
b. and css for borders and border collapse (borders are 1px solid black)
In the nav:
8. Add the second tier to code so it will appear like in Figure 2.
Note-all links for the second tier will be
In the form:
9. Create the html code for the Tickets fieldset, to match the picture of the webpage.
(make all fields in visitor required)
10. In the Payment Type fieldset, write the html code for the Master Card and Visa radio buttons. Be sure to include labels for each button so the user can activate the button by pressing on the label.
11. Create the html code for the Order Recordings fieldset, to match the picture of the webpage.
12. The Order list, it should have the following options: Video, Sound, and Both.
13. Create the HTML code for the Submit button
14. Create the HTML code for the Reset button
Add under the heading Samples:
15. Add the sjv_welcome.mp3 audio file found in the media folder
16. Add the sjv_speakers_sampson.mp4 video file found in the media folder
In the footer:
17. Add Your Name and Your Student Number
18. Write the CSS code to change background color of footer to blue and the text to white.
Add to the CSS:
19. In the Body
A border that is: 3px solid red
20. In the Nav in the #nav_menu ul li a
Add - text-decoration of none (which will get rid of the underlines)

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!