Deck 8: Creating Data Tables

Question 1

The preferred method for setting page layout is ____.

A) layout tables
B) CSS
C) XHTML coding
D) data tables

Answer 1

B

Question 2

As shown in the accompanying figure,a ____ is the intersection of a column and a row.

A) page
B) grid
C) cell
D) node

Answer 2

C

Question 3

Which of the following tags is optional in table design?

A)
B)
C)
D)

Answer 3

B

Question 4

A table like the one shown in the accompanying figure,which is used to display cells of data in rows and columns,is called a(n)____ table.

A) content
B) data
C) information
D) layout

Question 5

The ____ value is the default value for the caption-side property.

A) top
B) left
C) right
D) bottom

Question 6

____ divide the browser window into sections,with each one displaying a different Web document.

A) Montages
B) Frames
C) Panes
D) Mosaics

Question 7

The title of the table ____.

A) appears as part of the table and remains visible
B) appears only when the mouse pointer passes over the table
C) never appears in the browser
D) appears only when the whole table is selected

Question 8

A(n)____ provides a brief description of a table.

A) title
B) comment
C) index
D) caption

Question 9

As shown in the accompanying figure,the inside border of a table is styled using the ____ selector.

A) table
B) tt
C) tr
D) td

Question 10

A ____ attribute is used to describe the table content.

A) summary
B) description
C) title
D) comment

Question 11

Which of the following exists for HTML tables?

A) cell addresses
B) extensive math features
C) charting features
D) none of the above

Question 12

By default,the caption text is ____.

A) aligned left and placed above the table
B) aligned left and placed below the table
C) centered and placed above the table
D) centered and placed below the table

Question 13

Which of the following uses legacy code?

A) layout tables
B) liquid layout
C) fixed-width layout
D) elastic layout

Question 14

Which of the following is an opening tag for the table row element?

A)
B)
C)
D)

Question 15

Which of the following exists in spreadsheet programs?

A) extensive math features
B) charting features
C) formula creation features
D) all of the above

Question 16

Which of the following can the table element have?

A) margins
B) padding
C) border
D) all of the above

Question 17

Tables can be placed anywhere within the ____ tags.

A)
B)
C)
D)

Question 18

The table element is a(n)____ element.

A) inline
B) empty
C) block-level
D) block

Question 19

As shown in the accompanying figure,the outside border of a table is styled using the ____ selector.

A) layout
B) grid
C) table
D) external

Question 20

Which of the following elements can be placed into a table cell like the ones shown in the accompanying figure?

A) images
B) lists
C) links
D) all of the above

Question 21

How many columns and rows does the table coded in the accompanying figure contain?

A) 3 columns and 4 rows
B) 4 columns and 4 rows
C) 6 columns and 4 rows
D) 4 columns and 6 rows

Question 22

What does the red code in the accompanying figure do?

A) centers spanned text
B) italicizes spanned text
C) both a and b
D) none of the above

Question 23

The first row in the table that describes the contents of the rows below can be formatted using the ____ element.

A) header
B) table header
C) table row
D) table data

Question 24

Which of the following is an empty-cells property value?

A) hide
B) border
C) none
D) display

Question 25

To merge cells across columns,the ____ attribute is used.

A) rowspan
B) span
C) colspan
D) both a and c

Question 26

If you create a style for the table element and use the border property with a pixel value of ____,for example,you'll see the table borders in the browser.

A) view
B) show
C) 1
D) visible

Question 27

In the accompanying figure,the cell where cells begin to merge is known as the ____ cell.

A) key
B) merge
C) base
D) linked

Question 28

When creating table borders and gridlines,the border property value should be expressed using ____.

A) percentage values
B) em values
C) pixel values
D) keywords

Question 29

Which of the following properties is used to change the appearance of the table gridlines?

A) border
B) border-collapse
C) gridline
D) collapse

Question 30

In the accompanying figure,the cell with the "Lunch" contents is an example of the use of a ____ attribute.

A) rowspan
B) colspan
C) merge
D) spanrow

Question 31

The colspan attribute and its value always should be entered in the ____ cell.

A) first
B) key
C) start
D) default

Question 32

A(n)____ cell is a cell without any content.

A) empty
B) void
C) swipe
D) zero

Question 33

The ____ is the start table data tag.

A)
B)
C)
D)

Question 34

How many cells does the table coded in the accompanying figure contain?

A) 24
B) 20
C) 16
D) 14

Question 35

To have the table gridlines appear within the table,you must create styles for the ____.

A) table element
B) table data elements
C) table header element and table data elements
D) table element and table data elements

Question 36

In the accompanying figure,the cell with the "COMP 101" contents is an example of the use of a ____ attribute.

A) rowspan
B) colspan
C) merge
D) spancol

Question 37

What is established by the following style sheet?
Table {
Border: solid 6px navy;
}
Th,td {
Border: solid 2px orange;
}

A) table borders
B) a border around the table header
C) gridlines
D) both a and c

Question 38

In some versions of ____,you must enter the  character entity in order for an empty cell like the ones in the accompanying figure to appear with a border.

A) Chrome
B) Internet Explorer
C) Safari
D) Dolphin

Question 39

By default,the text in merged cells is ____.

A) formatted
B) centered
C) not formatted
D) highlighted

Question 40

Table ____ are horizontal and vertical lines that surround the table.

A) gridlines
B) borders
C) lines
D) edges

Question 41

Tables will expand or contract as the browser window is resized if the table is sized in ____.

A) pixels
B) percentages
C) em values
D) all of the above

Question 42

Which element does the following code style?
Table {
Width: 100%;
Margin: 10px auto;
Border: solid 3px black;
Border-collapse: collapse;
Background-color: #e9dfc6;
}

A) table row
B) table header
C) table
D) table cell

Question 43

In the accompanying figure,the table width is 100% of the ____ section.

A) background
B) border
C) container
D) body

Question 44

The ____ property specifies the distance between the borders of adjacent cells.

A) border-padding
B) border-spacing
C) border
D) border-collapse

Question 45

Using ____ allows designers to separate presentation from table structure.

A) HTML attributes to format tables
B) CSS
C) a combination of HTML attributes and CSS
D) PHP

Question 46

Tables can be floated ____.

A) in the center
B) up
C) down
D) either left or right

Question 47

Row striping can be created using a(n)____ CSS class.

A) independent
B) dependent
C) nested
D) none of the above

Question 48

What is the default width value of the table?

A) 100%
B) 50%
C) the sum of the longest lines in each table column
D) the page content width

Question 49

The value for the width property in the table style can be a percentage based on ____.

A) the table's parent container
B) some arbitrary value
C) the size of the table
D) the screen resolution

Question 50

The table will not contract if ____.

A) the width value is too small to display the table content
B) the image included in a table cell is too big
C) the width value is 100%
D) either a or b

Question 51

It is common practice to give cells ____ if they contain text.

A) padding
B) captions
C) background color
D) vertical alignment

Question 52

To help keep your table accessible,include only the ______ attribute in the start tag.

A) auto
B) name
C) title
D) caption

Question 53

Use the ____ attribute to let the screen reader software know the association between table data and the cells below it or to its right.

A) adjacent
B) proximity
C) border
D) scope

Question 54

The default value of the border-collapse property is ____.

A) collapse
B) spaced
C) separate
D) double

Question 55

Which of the following creates some white space between cell contents?

A) border: solid 1px black;
B) space: 4px;
C) padding: 4px;
D) margin-left: 4px;

Question 56

The purpose of floating tables is ____.

A) to wrap the table around the page content
B) to wrap the page content around the table
C) to add an image to one of the table cells
D) all of the above

Question 57

Which of the following is the correct code for row striping?

A) td.stripe {
Background-color: orange;
}
B) th.stripe {
Background-color: orange;
}
C) table.stripe {
Background-color: orange;
}
D) tr.stripe {
Background-color: orange;
}

Question 58

How can the value of the table width property be expressed in the style code?

A) in percentages only
B) in any CSS unit of measurement
C) in pixels only
D) in inches only

Question 59

Which of the following values of the border-collapse property changes the cell borders to a single rule?

A) collapse
B) spaced
C) separate
D) double

Question 60

The total of stand-alone col elements plus ____ values must equal the total number of columns in a table.

A) align
B) span
C) summary
D) row

Question 61

Case-Based Critical Thinking Questions
Case 8-2
Leon has developed several data tables and he knows that the data is correct.He would like to add some formatting to enhance the presentation on his Web page.He asks Maxwell for some guidance.
Leon is trying to place the table caption below the table,but it is not working.Which of the following statements is the correct one that Maxwell makes to Leon?

A) The property for displaying captions below the table is deprecated.
B) Leon is using the caption-side property to do this,but he should be using the caption-below property.
C) It is not possible to display captions below the table.
D) Older Web browsers such as Internet Explorer 7 and earlier may not display a caption that is positioned below the table.

Question 62

If the first four columns in a table with five columns are to be formatted,then you should ____.

A) enter a column element for each column
B) enter span="4" and delete the column element for each column to be spanned
C) enter span="5" and delete the column element for the first four columns
D) either a or b

Question 63

The ____ attribute can be used to apply the same class to more than one column.

A) extend
B) float
C) combine
D) span

Question 64

The column element used to format columns is represented in the code by the ____ tag(s).

A)
B)
C)
D)

Question 65

Which of the following table styles has the highest precedence?

A) table data element
B) table element
C) table header element
D) both a and c have the same precedence

Question 66

James also wants to highlight rows with team home games,and Kyra gives him several options.Which option is correct?

A) Within the tags for each home game row,include the attribute bgcolor="yellow".
B) Create a class that contains the statement background-color: yellow;and apply this class to all odd rows,placing home games there.
C) Create a class that contains the statement background-color: yellow;and apply this class to home game rows.
D) all of the above

Question 67

Which of the following can call more attention to an individual row?

A) using background color
B) using the :hover pseudo-class
C) using text color
D) using text font

Question 68

If a column is to span three columns,then which of the following lines of code can Maxwell advise Leon to use to format that column?

A)
B)
C)
D)

Question 69

It is important to test a ____ effect in several contemporary browsers to confirm it works as intended.

A) title
B) background
C) caption
D) hover

Question 70

To format columns,you can create a(n)____ class and then apply the class to the tag to format the columns you want.

A) dependent
B) independent
C) parent
D) inherited

Question 71

There are three consecutive home games (rows 2-4)where the game starting time is the same.Kyra tells James that there is a way to combine cells with the same value.Which of the following is the correct one?

A) For the column "Start Time" of the second row,include colspan="3" within the tag.
B) For the column "Start Time" of the second row,include rowspan="3" within the tag.
C) For the column "Start Time" of the second,third,and fourth rows,include the same starting time within the tags.
D) none of the above

Question 72

Which of the following table styles has the lowest precedence?

A) table data element
B) table element
C) table head element
D) table row element

Question 73

Case-Based Critical Thinking Questions
Case 8-1
James created a table of his school soccer team schedule that will be placed on the team's Web page.The table contains four columns: Opponent,Home/Away,Date,and Start Time.The table will contain 10 rows.James has some problems with formatting the table and asks Kyra to help him resolve them.
James wants to have the table name (Soccer Team Schedule)appear above the table.He asks Kyra how this should be done.Which of the following answers is correct?

A) Include "Soccer Team Schedule" as a value of the title attribute.
B) Include the text "Soccer Team Schedule" within tags.
C) Include the text "Soccer Team Schedule" within tags before the tag.
D) Include the text "Soccer Team Schedule" within tags after the tag.

Question 74

There are eight regular games and two play-off tournament games,and there are data only for the first eight games.James wants to leave the last two rows empty with gridlines drawn around all empty cells.He asks Kyra which of the following properties and their values will style this correctly.What is her answer?

A) empty: show;
B) empty-cells: on;
C) empty-cells: show;
D) empty-cells: hide;

Question 75

Leon tried to specify border widths,but he is seeing different interpretations of them in each browser.Maxwell tells him to use which of the following to keep this from happening in the future?

A) the thin keyword
B) the medium keyword
C) pixel values
D) the thick keyword

Question 76

The default value of the vertical-align property positions the text at the ____ of the cell.

A) middle
B) base
C) top
D) bottom

Question 77

The ____ value of the vertical-align property positions the text at the top of the cell.

A) middle
B) base
C) top
D) default

Question 78

Case-Based Critical Thinking Questions
Case 8-1
James created a table of his school soccer team schedule that will be placed on the team's Web page.The table contains four columns: Opponent,Home/Away,Date,and Start Time.The table will contain 10 rows.James has some problems with formatting the table and asks Kyra to help him resolve them.
James asks Kyra how he should center data within the table's header cells.Which of the following is the correct answer Kyra gives James?

A) Use the table header element to format the first row of a table.
B) Use the table header element to format the first row of a table with the center value for the align attribute.
C) Apply the statement text-align: center;to all of the table's header cells.
D) none of the above

Question 79

All of Leon's tables are displaying properly,except the last one,which is not structured as he intended.He asks Maxwell which of the following is most likely the problem.How does Maxwell respond?

A) The code is missing a closing tag.
B) Leon included table data within tags instead of tags.
C) Leon included table data within tags instead of tags.
D) any of the above

Question 80

Case-Based Critical Thinking Questions
Case 8-2
Leon has developed several data tables and he knows that the data is correct.He would like to add some formatting to enhance the presentation on his Web page.He asks Maxwell for some guidance.
Leon is trying to add a caption,but he wants to display it as 12pt Arial font and he is not having any luck.He asks Maxwell why this is happening.How does Maxwell respond?

A) The caption accepts only preformatted fonts.
B) The caption is part of the table,and the style of the table is not 12pt Arial font.
C) Leon is using the deprecated tag.
D) any of the above