Answered step by step
Verified Expert Solution
Question
1 Approved Answer
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 to explain the topic of the page. 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.
- 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. Apply the .tabletopic class rule to this cell
- 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
- 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):
- 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
- table - define the width and border
- th - define padding, background color and text color
- td - define padding
- .tabletopic (class style) - define padding, font family, size (increased), and color. Also define background 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
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started