Deck 10: Data Tables

ملء الشاشة (f)
exit full mode
سؤال
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
استخدم زر المسافة أو
up arrow
down arrow
لقلب البطاقة.
سؤال
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.
سؤال
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
سؤال
Unlike other block-level elements, tables cannot be floated.
سؤال
Borders can be applied to the whole table, to individual rows, and to individual cells.
سؤال
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 >
سؤال
The < tr > tag marks the beginning and end of table rows.
سؤال
Which element contains the table cells?

A) < table >
B) < td >
C) < tr >
D) < th >
سؤال
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
سؤال
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 >
سؤال
Which element contains table data?

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

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

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

A) < table >
B) < td >
C) < tr >
D) < th >
سؤال
In which direction do rows span?

A) down
B) left to right
C) right to left
D) up
سؤال
The___________ attribute lets you create cells that span multiple rows of a table.
سؤال
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
سؤال
By default, tables are displayed in the browser with ____.

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

A) column
B) title
C) page
D) footer
سؤال
To which elements can you apply padding values?

A) < table >, < cell >
B) < th >, < td >
C) < cell >, < tr >
D) < td >, < table >
سؤال
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
سؤال
The ____ element lets you specify style characteristics for individual columns.

A) < column >
B) < indcol >
C) < colgroup >
D) < col >
سؤال
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
سؤال
The ________ element lets you create a table header cell that presents the cell content as bold and centered by default.
سؤال
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
سؤال
The < colgroup > element has a(n) ________ attribute  that lets you set the number of columns specified in the group.
سؤال
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
سؤال
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
سؤال
Using the ____ element as a selector applies a border only to the outside of a table.

A) table
B) td
C) tr
D) th
سؤال
By default, tables are displayed in the browser without ____________.
سؤال
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 >
سؤال
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
سؤال
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
سؤال
Use the ________________ property to remove the extra space between borders.
سؤال
You can activate cell highlighting when a user points at a cell by using the ____________ pseudo-class.
سؤال
Describe how HTML tables are used and the most commonly used table elements.
سؤال
Explain how you can group and style columns in a table. Show a coding example.
سؤال
The ____________________ element does not accept the padding property, so you have to apply it to the < th > and < td > elements.
سؤال
Explain how you can style table borders.
سؤال
You can style individual row and cell borders using _____________ or ids to make specific selections in the table.
سؤال
Table data becomes much easier to read when alternate rows have a distinguishing ____________________ color.
سؤال
Explain how you can style the caption of a table.
سؤال
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 Deck
1/50
auto play flashcards
العب
simple tutorial
ملء الشاشة (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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
5
Borders can be applied to the whole table, to individual rows, and to individual cells.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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 >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
7
The < tr > tag marks the beginning and end of table rows.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
8
Which element contains the table cells?

A) < table >
B) < td >
C) < tr >
D) < th >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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 >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
11
Which element contains table data?

A) < table >
B) < td >
C) < tr >
D) < th >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
13
Which element establishes the table?

A) < table >
B) < td >
C) < tr >
D) < th >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
14
Column groups are always applied left to right in the table.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
15
What does the < tr > tag contain?

A) table cells
B) table data
C) images
D) table title
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
16
Each table cell should have its own border to make the table data easier to read.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
19
Rows can be grouped into head, body, and footer sections.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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 >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
21
In which direction do rows span?

A) down
B) left to right
C) right to left
D) up
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
22
The___________ attribute lets you create cells that span multiple rows of a table.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
25
Use the _________________ property to position the caption on the top or bottom of the table.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
26
Rows can be grouped into head, body, and ____ sections.

A) column
B) title
C) page
D) footer
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
27
To which elements can you apply padding values?

A) < table >, < cell >
B) < th >, < td >
C) < cell >, < tr >
D) < td >, < table >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
29
The ____ element lets you specify style characteristics for individual columns.

A) < column >
B) < indcol >
C) < colgroup >
D) < col >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
31
The ________ element lets you create a table header cell that presents the cell content as bold and centered by default.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
33
The < colgroup > element has a(n) ________ attribute  that lets you set the number of columns specified in the group.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
37
By default, tables are displayed in the browser without ____________.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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 >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
41
Use the ________________ property to remove the extra space between borders.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
42
You can activate cell highlighting when a user points at a cell by using the ____________ pseudo-class.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
43
Describe how HTML tables are used and the most commonly used table elements.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
44
Explain how you can group and style columns in a table. Show a coding example.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
45
The ____________________ element does not accept the padding property, so you have to apply it to the < th > and < td > elements.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
46
Explain how you can style table borders.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
47
You can style individual row and cell borders using _____________ or ids to make specific selections in the table.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
48
Table data becomes much easier to read when alternate rows have a distinguishing ____________________ color.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
49
Explain how you can style the caption of a table.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
locked card icon
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.