New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN: 9781305503922
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Question
Chapter 6, Problem 3CP3
Program Plan Intro
To write the HTML code to insert the table tag after the article element with the id name calendar.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
Web Table
Directly below the article element, insert a web table using the class calendar.
Add a caption with the text February 2018 Calendar.
Table Columns
Add a column group containing two col elements. Give the first col element the class name weekdays and have it span five columns. Give the second col element the class name weekends and have it span 2 columns.
Table Header
Add the table header row group with a single row with seven heading cells containing the three-letter day abbreviations Sun through Sat.
Table Body
Add the table body row group with five rows and seven data cells within each row. Within each table cell, add the following code to create an h1 heading and description list:
<h1>day</h1><dl> <dt>event</dt> <dd>time</dd> <dd>price</dd></dl>
where day is the day of the month, event is the name of an event occurring on that day, time is the time of the event, and price is the admission price, using the…
Within the page body insert a table element and add a table header row group containing one row. Within that row insert a table heading cell that spans 8 columns and contains the text Daily Crossword.
Add the table body section and within the table body, create the layout of the crossword puzzle subject to the following conditions:
The table will contain 9 rows and 8 columns.
Within each row will be a number of table data cells. If the cell is a blank cell shown in Figure 6–49, assign it the class name blank. If a blank cell covers multiple rows and/or columns, make that cell a spanning cell and adjust the number of cells in subsequent rows and columns accordingly to preserve the table layout.
Several cells contain numbers that will be used as crossword puzzle clues. Number the appropriate cells from 1 up to 26 to match the layout in Figure 6–49.
Open code6-2_table.css and create the following style rules for the indicated elements:
For the table element: Add a 20…
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…
Chapter 6 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 6.1 - Prob. 9QCCh. 6.2 - Prob. 1QCCh. 6.2 - Prob. 2QCCh. 6 - Prob. 1RACh. 6 - Prob. 2RACh. 6 - Prob. 3RACh. 6 - Prob. 4RACh. 6 - Prob. 5RACh. 6 - Prob. 6RACh. 6 - Prob. 7RA
Ch. 6 - Prob. 8RACh. 6 - Prob. 9RACh. 6 - Prob. 10RACh. 6 - Prob. 11RACh. 6 - Prob. 12RACh. 6 - Prob. 13RACh. 6 - Prob. 14RACh. 6 - Prob. 15RACh. 6 - Prob. 16RACh. 6 - Prob. 17RACh. 6 - Prob. 18RACh. 6 - Prob. 19RACh. 6 - Prob. 20RACh. 6 - Prob. 21RACh. 6 - Prob. 22RACh. 6 - Prob. 23RACh. 6 - Prob. 24RACh. 6 - Prob. 1CP1Ch. 6 - Prob. 2CP1Ch. 6 - Prob. 3CP1Ch. 6 - Prob. 4CP1Ch. 6 - Prob. 5CP1Ch. 6 - Prob. 6CP1Ch. 6 - Prob. 7CP1Ch. 6 - Prob. 8CP1Ch. 6 - Prob. 9CP1Ch. 6 - Prob. 10CP1Ch. 6 - Prob. 11CP1Ch. 6 - Prob. 12CP1Ch. 6 - Prob. 13CP1Ch. 6 - Prob. 14CP1Ch. 6 - Prob. 15CP1Ch. 6 - Prob. 16CP1Ch. 6 - Prob. 17CP1Ch. 6 - Prob. 18CP1Ch. 6 - Prob. 1CP2Ch. 6 - Prob. 2CP2Ch. 6 - Prob. 3CP2Ch. 6 - Prob. 4CP2Ch. 6 - Prob. 5CP2Ch. 6 - Prob. 6CP2Ch. 6 - Prob. 7CP2Ch. 6 - Prob. 8CP2Ch. 6 - Prob. 9CP2Ch. 6 - Prob. 10CP2Ch. 6 - Prob. 11CP2Ch. 6 - Prob. 12CP2Ch. 6 - Prob. 13CP2Ch. 6 - Prob. 14CP2Ch. 6 - Prob. 15CP2Ch. 6 - Prob. 16CP2Ch. 6 - Prob. 17CP2Ch. 6 - Prob. 1CP3Ch. 6 - Prob. 2CP3Ch. 6 - Prob. 3CP3Ch. 6 - Prob. 4CP3Ch. 6 - Prob. 5CP3Ch. 6 - Prob. 6CP3Ch. 6 - Prob. 7CP3Ch. 6 - Prob. 8CP3Ch. 6 - Prob. 10CP3Ch. 6 - Prob. 11CP3Ch. 6 - Prob. 12CP3Ch. 6 - Prob. 13CP3Ch. 6 - Prob. 14CP3Ch. 6 - Prob. 15CP3Ch. 6 - Prob. 16CP3Ch. 6 - Prob. 17CP3Ch. 6 - Prob. 18CP3Ch. 6 - Prob. 19CP3Ch. 6 - Prob. 20CP3Ch. 6 - Prob. 21CP3Ch. 6 - Prob. 22CP3Ch. 6 - Prob. 23CP3Ch. 6 - Prob. 24CP3Ch. 6 - Prob. 1CP4Ch. 6 - Prob. 2CP4Ch. 6 - Prob. 3CP4Ch. 6 - Prob. 4CP4Ch. 6 - Prob. 5CP4Ch. 6 - Prob. 6CP4Ch. 6 - Prob. 7CP4
Knowledge Booster
Similar questions
- 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…arrow_forwardTable Elements For every th and td element in the table, create a style rule that: adds a 3-pixel solid gray border, sets the line height to 1.4em, and sets the padding space to 8 pixels. This is about programmingarrow_forward
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning