Deck 10: Data Tables

Full screen (f)
exit full mode
Question
Since CSS page layouts are broadly supported, tables should be used only to present which of the following?

A) images
B) page organization
C) columns and rows
D) data
Use Space or
up arrow
down arrow
to flip the card.
Question
HTML tables are designed not only to present data properly in the browser window, but to be read sequentially by screen readers and other assistive devices.
Question
A table will be more legible if you do which of the following?

A) collapse the borders
B) give each cell its own border
C) present the cell content centered
D) separate the borders
Question
Unlike other block-level elements, tables cannot be floated.
Question
Borders can be applied to the whole table, to individual rows, and to individual cells.
Question
Which element lets you create a table header cell that presents the cell content as bold and centered by default?

A) < theader >
B) < th >
C) < table-head >
D) < thead >
Question
The < tr > tag marks the beginning and end of table rows.
Question
Which element contains the table cells?

A) < table >
B) < td >
C) < tr >
D) < th >
Question
After which tag must the < caption > element appear if you want to include a caption for the table?

A) tbody
B) table
C) tfoot
D) col
Question
Which element do you use if you want to specify a header for a column of data?

A) < table >
B) < td >
C) < tr >
D) < th >
Question
Which element contains table data?

A) < table >
B) < td >
C) < tr >
D) < th >
Question
When you build column spans,start from the right side of the table since column spans always span from right to left.
Question
Which element establishes the table?

A) < table >
B) < td >
C) < tr >
D) < th >
Question
Column groups are always applied left to right in the table.
Question
What does the < tr > tag contain?

A) table cells
B) table data
C) images
D) table title
Question
Each table cell should have its own border to make the table data easier to read.
Question
Both < colgroup > and < col > elements must appear  immediately before the opening < table > element or before the < caption > element if the table
contains a caption.
Question
If you add a rowspan to a table, you will need to reduce the number of cells to accommodate the span.
Question
Rows can be grouped into head, body, and footer sections.
Question
Which tag marks the beginning and end of each row of a table?

A) < table >
B) < td >
C) < tr >
D) < th >
Question
In which direction do rows span?

A) down
B) left to right
C) right to left
D) up
Question
The___________ attribute lets you create cells that span multiple rows of a table.
Question
Which attribute do you use with the < colgroup > element to set the number of columns specified in the group?

A) span
B) class
C) max
D) cols
Question
By default, tables are displayed in the browser with ____.

A) borders turned off
B) borders turned on
C) dotted borders
D) dashed borders
Question
Use the _________________ property to position the caption on the top or bottom of the table.
Question
Rows can be grouped into head, body, and ____ sections.

A) column
B) title
C) page
D) footer
Question
To which elements can you apply padding values?

A) < table >, < cell >
B) < th >, < td >
C) < cell >, < tr >
D) < td >, < table >
Question
Which of the following is a property that can be applied to  to the < colgroup > and < col > elements?

A) height
B) text-color
C) width
D) shadow
Question
The ____ element lets you specify style characteristics for individual columns.

A) < column >
B) < indcol >
C) < colgroup >
D) < col >
Question
You can style the caption with CSS to position the caption on the top or bottom of the table using the ____ property.

A) caption
B) caption-location
C) caption-side
D) caption-loc
Question
The ________ element lets you create a table header cell that presents the cell content as bold and centered by default.
Question
Which pseudo-class can you use to cause the background or font to change when the user points to a cell or row?

A) :hover
B) :apply
C) :change
D) :alter
Question
The < colgroup > element has a(n) ________ attribute  that lets you set the number of columns specified in the group.
Question
When you ____ a table next to a block of text, you can provide white space around the table with the margin properties.

A) place
B) float
C) span
D) divide
Question
In the < col > element, what attribute can you use that can be used as selectors in the style sheet?

A) name
B) style
C) span
D) class
Question
Using the ____ element as a selector applies a border only to the outside of a table.

A) table
B) td
C) tr
D) th
Question
By default, tables are displayed in the browser without ____________.
Question
Both < colgroup > and < col > elements must appear immediately after the opening ____ element, or after the < caption > element if the table contains a caption.

A) < table >
B) < td >
C) < tr >
D) < th >
Question
You can select and style individual tables by giving them a class or ____ name to apply style rules only to the selected table.

A) header
B) span
C) background
D) id
Question
What can you apply to alternate rows of a table to make table data easier to read?

A) Padding
B) Margins
C) Background colors
D) Borders
Question
Use the ________________ property to remove the extra space between borders.
Question
You can activate cell highlighting when a user points at a cell by using the ____________ pseudo-class.
Question
Describe how HTML tables are used and the most commonly used table elements.
Question
Explain how you can group and style columns in a table. Show a coding example.
Question
The ____________________ element does not accept the padding property, so you have to apply it to the < th > and < td > elements.
Question
Explain how you can style table borders.
Question
You can style individual row and cell borders using _____________ or ids to make specific selections in the table.
Question
Table data becomes much easier to read when alternate rows have a distinguishing ____________________ color.
Question
Explain how you can style the caption of a table.
Question
Give a code example of a basic table that uses a caption, a table header row, five columns and 6 total rows.
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/50
auto play flashcards
Play
simple tutorial
Full screen (f)
exit full mode
Deck 10: Data Tables
1
Since CSS page layouts are broadly supported, tables should be used only to present which of the following?

A) images
B) page organization
C) columns and rows
D) data
D
2
HTML tables are designed not only to present data properly in the browser window, but to be read sequentially by screen readers and other assistive devices.
True
3
A table will be more legible if you do which of the following?

A) collapse the borders
B) give each cell its own border
C) present the cell content centered
D) separate the borders
A
4
Unlike other block-level elements, tables cannot be floated.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
5
Borders can be applied to the whole table, to individual rows, and to individual cells.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
6
Which element lets you create a table header cell that presents the cell content as bold and centered by default?

A) < theader >
B) < th >
C) < table-head >
D) < thead >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
7
The < tr > tag marks the beginning and end of table rows.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
8
Which element contains the table cells?

A) < table >
B) < td >
C) < tr >
D) < th >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
9
After which tag must the < caption > element appear if you want to include a caption for the table?

A) tbody
B) table
C) tfoot
D) col
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
10
Which element do you use if you want to specify a header for a column of data?

A) < table >
B) < td >
C) < tr >
D) < th >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
11
Which element contains table data?

A) < table >
B) < td >
C) < tr >
D) < th >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
12
When you build column spans,start from the right side of the table since column spans always span from right to left.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
13
Which element establishes the table?

A) < table >
B) < td >
C) < tr >
D) < th >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
14
Column groups are always applied left to right in the table.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
15
What does the < tr > tag contain?

A) table cells
B) table data
C) images
D) table title
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
16
Each table cell should have its own border to make the table data easier to read.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
17
Both < colgroup > and < col > elements must appear  immediately before the opening < table > element or before the < caption > element if the table
contains a caption.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
18
If you add a rowspan to a table, you will need to reduce the number of cells to accommodate the span.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
19
Rows can be grouped into head, body, and footer sections.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
20
Which tag marks the beginning and end of each row of a table?

A) < table >
B) < td >
C) < tr >
D) < th >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
21
In which direction do rows span?

A) down
B) left to right
C) right to left
D) up
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
22
The___________ attribute lets you create cells that span multiple rows of a table.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
23
Which attribute do you use with the < colgroup > element to set the number of columns specified in the group?

A) span
B) class
C) max
D) cols
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
24
By default, tables are displayed in the browser with ____.

A) borders turned off
B) borders turned on
C) dotted borders
D) dashed borders
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
25
Use the _________________ property to position the caption on the top or bottom of the table.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
26
Rows can be grouped into head, body, and ____ sections.

A) column
B) title
C) page
D) footer
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
27
To which elements can you apply padding values?

A) < table >, < cell >
B) < th >, < td >
C) < cell >, < tr >
D) < td >, < table >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
28
Which of the following is a property that can be applied to  to the < colgroup > and < col > elements?

A) height
B) text-color
C) width
D) shadow
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
29
The ____ element lets you specify style characteristics for individual columns.

A) < column >
B) < indcol >
C) < colgroup >
D) < col >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
30
You can style the caption with CSS to position the caption on the top or bottom of the table using the ____ property.

A) caption
B) caption-location
C) caption-side
D) caption-loc
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
31
The ________ element lets you create a table header cell that presents the cell content as bold and centered by default.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
32
Which pseudo-class can you use to cause the background or font to change when the user points to a cell or row?

A) :hover
B) :apply
C) :change
D) :alter
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
33
The < colgroup > element has a(n) ________ attribute  that lets you set the number of columns specified in the group.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
34
When you ____ a table next to a block of text, you can provide white space around the table with the margin properties.

A) place
B) float
C) span
D) divide
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
35
In the < col > element, what attribute can you use that can be used as selectors in the style sheet?

A) name
B) style
C) span
D) class
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
36
Using the ____ element as a selector applies a border only to the outside of a table.

A) table
B) td
C) tr
D) th
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
37
By default, tables are displayed in the browser without ____________.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
38
Both < colgroup > and < col > elements must appear immediately after the opening ____ element, or after the < caption > element if the table contains a caption.

A) < table >
B) < td >
C) < tr >
D) < th >
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
39
You can select and style individual tables by giving them a class or ____ name to apply style rules only to the selected table.

A) header
B) span
C) background
D) id
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
40
What can you apply to alternate rows of a table to make table data easier to read?

A) Padding
B) Margins
C) Background colors
D) Borders
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
41
Use the ________________ property to remove the extra space between borders.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
42
You can activate cell highlighting when a user points at a cell by using the ____________ pseudo-class.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
43
Describe how HTML tables are used and the most commonly used table elements.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
44
Explain how you can group and style columns in a table. Show a coding example.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
45
The ____________________ element does not accept the padding property, so you have to apply it to the < th > and < td > elements.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
46
Explain how you can style table borders.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
47
You can style individual row and cell borders using _____________ or ids to make specific selections in the table.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
48
Table data becomes much easier to read when alternate rows have a distinguishing ____________________ color.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
49
Explain how you can style the caption of a table.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
50
Give a code example of a basic table that uses a caption, a table header row, five columns and 6 total rows.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
locked card icon
Unlock Deck
Unlock for access to all 50 flashcards in this deck.