Question: Using a text editor, create a new web page about your favorite music CDs that uses a four-column table. Create a Web page that uses

Using a text editor, create a new web page about your favorite music CDs that uses a four-column table. Create a Web page that uses a table to display information about your favorite music CDs. It must validate as an HTML5 file Add an h1 element at the top of the page "INFO1311 Assignment 6". Also define this area using the header element. Place the CD information in a four-column table with at least four rows. You might want to sketch out the table on paper based on the instructions below before you start coding it. o Row 1: Merge all of the table cells in the first row so there is only one large cell in row one. Add text that explains the topic of the information found in the table. You will apply the class style named .tabletopic to this cell. o Row 2: Label the information using column headings across the second row using these column headings: Group/CD: Include the name of the group and the title of the CD in this column Tracks: List the title of each music track or song included on the CD (don't forget that you can use an ordered list within a cell to define this content) . Year: List the year the CD was recorded Links: Place at least one link to sites about the group in this column INFO1311 Assignment 6 . Row 3-4: Include the information about two of your favorite music CDs on the other two rows. If you would like to add more rows, go for it Place an e-mail link using your email address at the bottom of the Web page. Define this area using the footer element. Include any additional information that you feel should be included so that the topic of the Web page is clear and easy to understand Save the page as music.html in the module6 folder Use embedded styles to control the format of the page. Follow good design practices when designing the page. As a minimum requirement, you must include CSS rules for the following elements (but you can include additional CSS rules and properties if needed): o body, header, footer, and h1 elements - define the styles you want to use for the body, header, and footer elements. Please use a text-shadow style for the h1 element o table - define the width and border oth - define padding, background color and text color o td - define padding o class style named tabletopic - define font family, size (increased), background color, and color. Align the content of this cell in the center. Test your page in the browser and validate your code using the W3C Validator tool
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
