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
- Table 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_forwardGo to the Outline Styles section. In this section, you’ll format the course outline that appears on the page’s left column. The navigation list in this outline has the ID outline. Create a style rule for this navigation list that sets the text color to rgb(51, 51, 51) and the font size to 0.8em.arrow_forwardDelivery Info Next within the form, create a field set with the ID deliveryInfo. Within this field set, add the following: A legend containing the text Delivery Options. A text area box with the ID addressBox and field name of delAddress containing the placeholder text Enter delivery address. A label containing the text Delivery Time (leave blank for earliest delivery) associated with the delBox control. Add an input element with the ID delBox and field name delTime for storing delivery time values. Use a data type of “time” for the control. Pickup Info Next within the web form, create a field set with the ID pickupInfo containing the following information for pickup orders: A legend containing the text Pickup Options. A label containing the text Pickup Time (leave blank for earliest pickup) associated with pickupBox control. Add an input element with the ID pickupBox and field name pickupTime for storing time values. Add the disabled attribute to the tag to disable this control…arrow_forward
- CSS question Add another div element to the web form containing the following code: Insert an input element to create an option button for the orderType field with the ID delivery. Make the option button checked by default. After the option button, insert a label associated with the delivery control containing the text Delivery. Add an input element to create a second option button for the orderType field with the ID pickup, followed by a label associated with the pickup control containing the text Pickup.arrow_forwardTablet Media Query Next, you’ll define the layout for tablet and desktop devices. Create a media query for screen devices whose width is 481 pixels or greater. Within this media query, display the page body as a flexbox in row orientation with wrapping. Sofia doesn’t want the links paragraph displayed for tablet and desktop devices. Complete the media query for tablet and desktop devices by hiding this paragraph. Tablet Element Styles The page body has four children: the header, the footer, the article element, and the aside element. The article and aside elements will share a row with more space given to the article element. Set the growth, shrink, and basis values of the article element to 2, 1, and 400 pixels. Set those same values for the aside element to 1, 2, and 200 pixels. Tablet Navigation Lists For tablet and desktop devices, the top navigation list should be displayed as a horizontal row with no wrapping. Enter a style rule to display the top navigation list ul as a flexbox…arrow_forward
arrow_back_ios
arrow_forward_ios
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