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. 1 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.

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

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.

Figure 6–48 is below

Orangeville Library Conference Room
February 5, 2021
Conference Room 8:00am 9:00am 10:00am 11:00am 12:00pm
Rose Room
Retirement Planning Seminar
Free
Lilac Room
Lavender Room
Olive Room
Free
Free
City Planning Meeting
Scrapbooking Club
Private
Use
Library
Luncheon
Free
City
Planning
Lunch
1:00pm 2:00pm 3:00pm 4:00pm
Friends of the Library Algebra II Tutoring
Meeting
Reading Job Interview
Club
Workshop
Webinar Reservation Chemistry Tutoring
City Planning Meeting
Free
Private
Use

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 4 steps with 1 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.

Similar questions