Below the body header, create a table using the table element. Add the following features to the table: Insert a caption containing the text February 5, 2021. Insert a column group containing a column with the id firstCol and a column with the id hourCols that spans 9 columns. Insert a table head group that contains a single row with th elements containing the text Conference Room and the times 8:00am through 4:00pm in one-hour increments. Insert a table body group that contains the four rows shown in Figure 6–48 for each of the four conference rooms. Within each row insert a th element containing the name of the conference room. Following that th cell insert the groups reserving the room in td elements. If a group has reserved a room for longer than an hour, have the td cell span the number of columns for that reservation. Open the code6-1_table.css file and create the following style rules for the indicated elements: For the table element: Add a 20 pixel grooved gray border and collapse the table borders. For the th and td elements: Add a 1 pixel solid gray border, set the padding space to 5 pixels, and align the cell content with the top-left corner of the cell. For the caption element, set the display the caption at the top-left of the table and set the font size of the caption text to 1.5em. For col element with the id firstCol, change the background color to yellow and set the column width to 150 pixels. For col element with the id hourCols, set the column width to 75 pixels. Change the background color of the thead element to aqua.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter5: Designing For The Mobile Web: Creating A Mobile Website For A Daycare Center

Section: Chapter Questions

Problem 22RA

See similar textbooks

Related questions

Question

Below the body header, create a table using the table element. Add the following features to the table:

Insert a caption containing the text February 5, 2021.
Insert a column group containing a column with the id firstCol and a column with the id hourCols that spans 9 columns.
Insert a table head group that contains a single row with th elements containing the text Conference Room and the times 8:00am through 4:00pm in one-hour increments.
Insert a table body group that contains the four rows shown in Figure 6–48 for each of the four conference rooms. Within each row insert a th element containing the name of the conference room. Following that th cell insert the groups reserving the room in td elements. If a group has reserved a room for longer than an hour, have the td cell span the number of columns for that reservation.

Open the code6-1_table.css file and create the following style rules for the indicated elements:

For the table element: Add a 20 pixel grooved gray border and collapse the table borders.
For the th and td elements: Add a 1 pixel solid gray border, set the padding space to 5 pixels, and align the cell content with the top-left corner of the cell.
For the caption element, set the display the caption at the top-left of the table and set the font size of the caption text to 1.5em.
For col element with the id firstCol, change the background color to yellow and set the column width to 150 pixels.
For col element with the id hourCols, set the column width to 75 pixels.
Change the background color of the thead element to aqua.

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps with 2 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.