New Perspectives on HTML CSS and XML Comprehensive 4th Edition by Patrick Carey - Test Bank

New Perspectives on HTML CSS and XML Comprehensive 4th Edition by Patrick Carey – Test Bank

 

Instant Download – Complete Test Bank With Answers

 

 

Sample Questions Are Posted Below

 

Tutorial 5: Working with Tables and Columns

 

TRUE/FALSE

 

1. Each table in a Web page follows a basic structure consisting of the table element and a collection of table columns nested in the table element.

 

ANS:  F                    PTS:   1                    REF:   HTML 321

 

2. Tables are considered block-level elements.

 

ANS:  T                    PTS:   1                    REF:   HTML 321

 

 

3. The item shown in the accompanying figure is a Web table.

 

ANS:  T                    PTS:   1                    REF:   HTML 325

 

4. A Web table consists of a table element and a collection of table rows.

 

ANS:  T                    PTS:   1                    REF:   HTML 321

 

5. The number of columns in a Web table is determined by the maximum number of cells within each row.

 

ANS:  T                    PTS:   1                    REF:   HTML 325

 

6. The outside gridlines are not affected by a table’s border attribute; only the internal gridlines are changed.

 

ANS:  F                    PTS:   1                    REF:   HTML 325

 

7. Decreasing the width of a table’s border to 1 pixel will remove the border between the cells.

 

ANS:  F                    PTS:   1                    REF:   HTML 325

 

8. By default, tables will display without borders in a browser.

 

ANS:  T                    PTS:   1                    REF:   HTML 325

 

9. Alignment values of “left” or “right” place a table caption below the table to the left or right.

 

ANS:  F                    PTS:   1                    REF:   HTML 335

 

10. Only one caption is allowed per Web table.

 

ANS:  T                    PTS:   1                    REF:   HTML 333

 

11. By default, the caption appears directly above the table when creating a table caption.

 

ANS:  T                    PTS:   1                    REF:   HTML 335

 

12. The table header, table body, and table footer may all contain a different number of columns.

 

ANS:  F                    PTS:   1                    REF:   HTML 336

 

13. A single table can contain at most one <tbody> tag.

 

ANS:  F                    PTS:   1                    REF:   HTML 336

 

14. By using the <thead> and <tfoot> tags, the browser can be made to repeat those sections in a table that spans multiple pages.

 

ANS:  T                    PTS:   1                    REF:   HTML 336

 

 

15. The table marked 1 in the accompanying figure has a frame value of “border.”

 

ANS:  F                    PTS:   1                    REF:   HTML 350

 

16. The table marked 2 in the accompanying figure has a frame value of “above.”

 

ANS:  T                    PTS:   1                    REF:   HTML 350

 

17. The baseline option places the text near the bottom of the cell, but aligns the bases of each letter.

 

ANS:  T                    PTS:   1                    REF:   HTML 351

 

18. With the HTML border attribute, you can apply one set of borders to a Web table itself and another set of borders to the individual cells within the table.

 

ANS:  F                    PTS:   1                    REF:   HTML 353

 

19. When the width of the entire table is increased, the added space is divided evenly among the table columns.

 

ANS:  T                    PTS:   1                    REF:   HTML 363

 

20. Multi-column layouts are created with CSS3 by setting either the number of columns or the width of each column.

 

ANS:  T                    PTS:   1                    REF:   HTML 372

 

MODIFIED TRUE/FALSE

 

1. To create a table row, use the tag <th>content</th>. _________________________

 

ANS:  F, <tr>content</tr>

 

PTS:   1                    REF:   HTML 322

 

2. One difference between the <th> and <td> tags is that text formatted with the <th> tag is left-aligned within the cell. _________________________

 

ANS:  F

centered

center-aligned

 

PTS:   1                    REF:   HTML 323

 

3. Netscape horizontally aligns captions to the left or right above the table. _________________________

 

ANS:  F

Internet Explorer

Opera

 

PTS:   1                    REF:   HTML 335

 

4. The <thead> and <tfoot> sections must appear after any <tbody> sections in the table structure. _________________________

 

ANS:  F, before

 

PTS:   1                    REF:   HTML 336

 

5. By default, browsers display tables without table borders. _________________________

 

ANS:  T                                                     PTS:   1                    REF:   HTML 325

 

6. Unformatted text is displayed by the browser in a monospace font in which each letter takes up the same amount of space. _________________________

 

ANS:  F, Preformatted

 

PTS:   1                    REF:   HTML 343

 

7. The cellspacing attribute controls the amount of space inserted inside table cells. _________________________

 

ANS:  F

between

outside

 

PTS:   1                    REF:   HTML 347

 

8. The width value for a single cell might be overridden by browsers if other cells in the column require a smaller width to display their content. _________________________

 

ANS:  F, larger

 

PTS:   1                    REF:   HTML 349

 

9. In a table frame, the sides that will have borders are specified. _________________________

 

ANS:  T                                                     PTS:   1                    REF:   HTML 349

 

10. The default value for the frame attribute of the table tag is lhs. _________________________

 

ANS:  F, box

 

PTS:   1                    REF:   HTML 349

 

11. Only one caption is allowed per Web table and the <caption> tag must be listed directly before the opening <table> tag. _________________________

 

ANS:  F, after

 

PTS:   1                    REF:   HTML 333

 

12. The valign attribute can be applied to table rows, row groups, columns, and column groups to set the vertical alignment of several cells at once. _________________________

 

ANS:  T                                                     PTS:   1                    REF:   HTML 351

 

13. The border-type style can be used to allow any table element to have a border. _________________________

 

ANS:  F, border-collapse

 

PTS:   1                    REF:   HTML 355

 

14. Table cells have the lowest precedence in Web table styles. _________________________

 

ANS:  F, highest

 

PTS:   1                    REF:   HTML 359

 

15. You can apply the table layout to other HTML elements by using the display style. _________________________

 

ANS:  T                                                     PTS:   1                    REF:   HTML 369

 

MULTIPLE CHOICE

 

1. Like other block-level elements, you can ____ tables using the same styles you’ve already studied.

a.	float	c.	both a and b
b.	resize	d.	neither a nor b

 

 

ANS:  C                    PTS:   1                    REF:   HTML 321

 

2. Which of the following CANNOT be marked with an HTML table element?

a.	table header	c.	table row
b.	table column	d.	table caption

 

 

ANS:  B                    PTS:   1                    REF:   HTML 338

 

3. Tables are considered ____ elements.

a.	block-level	c.	high-level
b.	low-level	d.	inline-level

 

 

ANS:  A                    PTS:   1                    REF:   HTML 321

 

4. Enter ____ tags to identify text to be table headings.

a.	<tr> and </tr>	c.	<th> and </th>
b.	<td> and </td>	d.	<ht> and </ht>

 

 

ANS:  C                    PTS:   1                    REF:   HTML 323

 

5. Text formatted with the <th> tag is displayed in a(n) ____ font.

a.	italicized	c.	underlined
b.	boldface	d.	colored

 

 

ANS:  B                    PTS:   1                    REF:   HTML 323

 

6. Each row of a table is indicated using a two-sided ____ tag.

a.	<tr>	c.	<th>
b.	<td>	d.	<tl>

 

 

ANS:  A                    PTS:   1                    REF:   HTML 322

 

7. Data cells in a Web table are displayed using a ____ tag.

a.	<tr>	c.	<tl>
b.	<th>	d.	<td>

 

 

ANS:  D                    PTS:   1                    REF:   HTML 322

 

8. Within a table row, a two-sided ____ tag indicates the presence of individual table cells.

a.	<tr>	c.	<tc>
b.	<td>	d.	<th>

 

 

ANS:  B                    PTS:   1                    REF:   HTML 322

 

9. The number of columns is determined by the maximum number of ____ that are inserted within each row, according to the original HTML specifications.

a.	cells	c.	headers
b.	columns	d.	indices

 

 

ANS:  A                    PTS:   1                    REF:   HTML 325

 

10. If you have four <td> tags in each table row, that table has ____ columns.

a.	two	c.	four
b.	three	d.	six

 

 

ANS:  C                    PTS:   1                    REF:   HTML 325

 

11. By default, most table borders are displayed in two shades of ____ that create a three-dimensional effect.

a.	white	c.	gray
b.	black	d.	blue

 

 

ANS:  C                    PTS:   1                    REF:   HTML 327

 

12. In the <caption> tag, an alignment value of ____ places the caption below the table.

a.	below	c.	under
b.	bottom	d.	beneath

 

 

ANS:  B                    PTS:   1                    REF:   HTML 335

 

13. In the <caption> tag, an alignment value of ____ places the caption above the table.

a.	above	c.	top
b.	over	d.	central

 

 

ANS:  C                    PTS:   1                    REF:   HTML 335

 

14. HTML allows you to identify the different parts of your table using the ____ tags.

a.	<thead>	c.	<tfoot>
b.	<tbody>	d.	all of the above

 

 

ANS:  D                    PTS:   1                    REF:   HTML 336

 

15. The table header, table body, and table footer must all contain the same number of ____.

a.	columns	c.	rows
b.	styles	d.	indices

 

 

ANS:  A                    PTS:   1                    REF:   HTML 336

 

16. You reference columns individually using the ____ element.

a.	<col />	c.	<colbody />
b.	<colgroup />	d.	<column />

 

 

ANS:  A                    PTS:   1                    REF:   HTML 338

 

17. The ____ attribute can be used to specify the number of columns a colgroup references.

a.	id	c.	span
b.	div	d.	class

 

 

ANS:  C                    PTS:   1                    REF:   HTML 339

 

18. Preformatted text is displayed by the browser in a ____ font.

a.	decorative	c.	serif
b.	sans-serif	d.	monospace

 

 

ANS:  D                    PTS:   1                    REF:   HTML 343

 

19. A ____ table contains only text, evenly spaced on the Web page in rows and columns.

a.	columnar text	c.	preformatted text
b.	row-based	d.	graphical

 

 

ANS:  C                    PTS:   1                    REF:   HTML 343

 

20. You can use the ____ tag to display preformatted text.

a.	<pre>	c.	<format>
b.	<form>	d.	<preformatted>

 

 

ANS:  A                    PTS:   1                    REF:   HTML 343

 

21. Preformatted text is displayed by the browser in a ____ in which each letter takes up the same amount of space.

a.	monospace text box	c.	cell spacing text box
b.	monospace font	d.	cell spacing font

 

 

ANS:  B                    PTS:   1                    REF:   HTML 343

 

22. Text formatted with the ____ tag retains any white space you want to display on your Web page.

a.	<form>	c.	<pre>
b.	<sp>	d.	<preformat>

 

 

ANS:  C                    PTS:   1                    REF:   HTML 343

 

23. The ____ attribute controls the amount of space inserted between table cells.

a.	cellpadding	c.	cellspacing
b.	cellbetween	d.	cellborder

 

 

ANS:  C                    PTS:   1                    REF:   HTML 346

 

24. The default cellspacing value in most browsers is ____ pixel(s).

a.	1	c.	4
b.	2	d.	5

 

 

ANS:  B                    PTS:   1                    REF:   HTML 346

 

25. Cellpadding value is expressible in ____.

a.	pixels	c.	em
b.	cm	d.	All of the above

 

 

ANS:  A                    PTS:   1                    REF:   HTML 346

 

26. To control the space between the table text and the cell borders, add the ____ attribute to the table tag.

a.	cellspacing	c.	cellborder
b.	cellbetween	d.	cellpadding

 

 

ANS:  D                    PTS:   1                    REF:   HTML 346

 

27. A ____ cell occupies more than one row or column in a table.

a.	breadth	c.	spanning
b.	full	d.	columnar

 

 

ANS:  C                    PTS:   1                    REF:   HTML 327

 

28. There is no HTML attribute to change the ____ style, but many browsers allow you to change the color by adding the bordercolor attribute to the table element.

a.	border	c.	background
b.	frame	d.	cell

 

 

ANS:  A                    PTS:   1                    REF:   HTML 327

 

29. Spanning cells are created by inserting a ____ attribute in a <td> or <th> tag.

a.	rowspan or colspan	c.	cellspan or rowspan
b.	spanrow or spancol	d.	tdspan or trspan

 

 

ANS:  A                    PTS:   1                    REF:   HTML 327

 

30. To create a cell that spans two columns in a table, you enter the <td> tag as ____.

a.	<td rowspan>“2”>	c.	<td colspan>“2”>
b.	<td colspan=“2”>	d.	<td rowspan=“2”>

 

 

ANS:  B                    PTS:   1                    REF:   HTML 327

 

31. To create a cell that spans two rows in a table, you enter the <td> tag as ____.

a.	<td colspan>“2”>	c.	<td rowspan=“2”>
b.	<td rowspan>“2”>	d.	<td colspan=“2”>

 

 

ANS:  C                    PTS:   1                    REF:   HTML 327

 

32. To create a cell that spans two rows and two columns at the same time, you enter the <td> tag as ____.

a.	<td rows=“2” cols=“2”>	c.	<td span=“2,2”>
b.	<td rowspan=“2+2”>	d.	<td rowspan=“2” colspan=“2”>

 

 

ANS:  D                    PTS:   1                    REF:   HTML 327

 

33. One tip for the effective use of tables is to use cell ____ to keep the table content from appearing too crowded.

a.	padding	c.	kerning
b.	tracking	d.	spanning

 

 

ANS:  A                    PTS:   1                    REF:   HTML 346

 

34. The ____ attribute allows you to determine which sides of the table will have borders.

a.	rules	c.	frame
b.	box	d.	rhs

 

 

ANS:  C                    PTS:   1                    REF:   HTML 349

 

35. Which of the following is a table frame type?

a.	beneath	c.	top
b.	below	d.	center

 

 

ANS:  B                    PTS:   1                    REF:   HTML 350

 

36. Which of the following is a table frame type?

a.	null	c.	vsides
b.	rsh	d.	eborder

 

 

ANS:  C                    PTS:   1                    REF:   HTML 349

 

37. With the frame value ____, a border is drawn around all four sides of the table.

a.	box	c.	4sides
b.	asides	d.	all

 

 

ANS:  A                    PTS:   1                    REF:   HTML 350

 

38. With the frame value ____, a border is drawn only above the table.

a.	top	c.	hsides
b.	above	d.	box

 

 

ANS:  B                    PTS:   1                    REF:   HTML 350

 

39. With the frame value ____, a border is drawn only below the table.

a.	under	c.	below
b.	beneath	d.	vsides

 

 

ANS:  C                    PTS:   1                    REF:   HTML 350

 

40. With the frame value ____, a border is drawn on the top and bottom sides of the table.

a.	rhs	c.	vsides
b.	lhs	d.	hsides

 

 

ANS:  D                    PTS:   1                    REF:   HTML 350

 

41. With the frame value ____, a border is drawn only on the left-hand side of the table.

a.	lhs	c.	left
b.	rhs	d.	vside

 

 

ANS:  A                    PTS:   1                    REF:   HTML 350

 

42. With the frame value ____, a border is drawn only on the right-hand side of the table.

a.	lhs	c.	right
b.	rhs	d.	hside

 

 

ANS:  B                    PTS:   1                    REF:   HTML 350

 

43. With the frame value ____, a border is drawn on the left and right sides of the table.

a.	lrhs	c.	vsides
b.	hsides	d.	both

 

 

ANS:  C                    PTS:   1                    REF:   HTML 350

 

44. With the frame value ____, no border is drawn around the table.

a.	null	c.	no
b.	none	d.	void

 

 

ANS:  D                    PTS:   1                    REF:   HTML 350

 

 

45. The table marked 7 in the accompanying figure has a frame value of ____.

a.	vsides	c.	border
b.	beneath	d.	none

 

 

ANS:  A                    PTS:   1                    REF:   HTML 350

 

46. The table marked 8 in the accompanying figure has a frame value of ____.

a.	vsides	c.	border
b.	beneath	d.	void

 

 

ANS:  D                    PTS:   1                    REF:   HTML 350

 

 

47. The table marked 1 in the accompanying figure has a rules value of ____.

a.	all	c.	rows
b.	cols	d.	void

 

 

ANS:  A                    PTS:   1                    REF:   HTML 350

 

48. The table marked 2 in the accompanying figure has a rules value of ____.

a.	all	c.	rows
b.	cols	d.	void

 

 

ANS:  B                    PTS:   1                    REF:   HTML 350

 

49. The table marked 3 in the accompanying figure has a rules value of ____.

a.	all	c.	rows
b.	groups	d.	void

 

 

ANS:  B                    PTS:   1                    REF:   HTML 350

 

50. The table marked 4 in the accompanying figure has a rules value of ____.

a.	full	c.	rows
b.	cols	d.	none

 

 

ANS:  D                    PTS:   1                    REF:   HTML 350

 

51. The ____ attribute lets you control how the internal table gridlines are drawn.

a.	rules	c.	gridlines
b.	grid	d.	lines

 

 

ANS:  A                    PTS:   1                    REF:   HTML 350

 

52. Given the syntax <table rules=“type”>, which of the following is a value for type?

a.	top	c.	bottom
b.	all	d.	All of the above

 

 

ANS:  B                    PTS:   1                    REF:   HTML 350

 

53. By default, cell text is placed ____.

a.	in the middle of the cell, aligned with the cell’s right edge
b.	in the middle of the cell, aligned with the cell’s left edge
c.	at the bottom of the cell, aligned with the cell’s right edge
d.	at the bottom of the cell, aligned with the cell’s left edge

 

 

ANS:  B                    PTS:   1                    REF:   HTML 351

 

54. Cascading Style Sheets included support for Web tables starting with ____.

a.	CSS1	c.	CSS2
b.	CSS3	d.	CSS5

 

 

ANS:  C                    PTS:   1                    REF:   HTML 353

 

55. To create a border using CSS, you use the ____ style.

a.	table-border	c.	border
b.	border-size	d.	border-type

 

 

ANS:  C                    PTS:   1                    REF:   HTML 353

 

56. The ____ style can be used to separate the table borders.

a.	border-separate	c.	border-width
b.	border-collapse	d.	border-type

 

 

ANS:  B                    PTS:   1                    REF:   HTML 355

 

57. To specify a distance of 3 pixels between cell borders, you enter ____.

a.	border-style: 3px	c.	border-collapse: 3px
b.	border-width: 3px	d.	border-spacing: 3px

 

 

ANS:  D                    PTS:   1                    REF:   HTML 355

 

58. If borders are collapsed and either border style is hidden, the collapsed border is ____.

a.	hidden	c.	2px wide
b.	halved	d.	1px wide

 

 

ANS:  A                    PTS:   1                    REF:   HTML 355

 

59. If neither border is hidden, the style of the ____ border takes priority over the ____.

a.	narrower, wider	c.	wider, narrower
b.	shorter, wider	d.	wider, longest

 

 

ANS:  C                    PTS:   1                    REF:   HTML 355

 

60. If the borders differ only in color, the color from the table object with the ____ priority is used.

a.	lowest	c.	first
b.	highest	d.	last

 

 

ANS:  B                    PTS:   1                    REF:   HTML 356

 

61. If two borders have the same width but different styles, ____ borders have the highest priority.

a.	Solid	c.	Dashed
b.	Groove	d.	Double

 

 

ANS:  D                    PTS:   1                    REF:   HTML 356

 

62. To set the color of a row, you use the ____ style.

a.	background-color	c.	color
b.	row-color	d.	col-color

 

 

ANS:  A                    PTS:   1                    REF:   HTML 360

 

63. Which of the following table styles has the lowest precedence?

a.	table cells	c.	table
b.	row groups	d.	column groups

 

 

ANS:  C                    PTS:   1                    REF:   HTML 359

 

64. Columns and column groups accept only four styles: border, background, ____, and visibility.

a.	color	c.	width
b.	height	d.	font-family

 

 

ANS:  C                    PTS:   1                    REF:   HTML 359

 

65. ____ supports caption-side values of left and right to place the caption directly to the left or right of a Web table.

a.	Chrome	c.	Safari
b.	Firefox	d.	Internet Explorer

 

 

ANS:  B                    PTS:   1                    REF:   HTML 367

 

66. Table ____ can contain any HTML elements including headings, lists, inline images, and even other tables.

a.	rows	c.	cells
b.	columns	d.	grids

 

 

ANS:  C                    PTS:   1                    REF:   HTML 341

 

67. ____ can be inaccessible to users with disabilities.

a.	Tables	c.	Borders
b.	Spans	d.	Stacks

 

 

ANS:  A                    PTS:   1                    REF:   HTML 341

 

68. With ____, you can apply the full range of CSS styles not available to columns and column groups.

a.	pseudo-code	c.	pseudo-classes
b.	pseudo-attributes	d.	pseudo-events

 

 

ANS:  C                    PTS:   1                    REF:   HTML 360

 

69. The equivalent HTML element to display: table-row is ____.

a.	tr	c.	thead
b.	tbody	d.	col

 

 

ANS:  A                    PTS:   1                    REF:   HTML 369

 

70. The equivalent HTML element to display: table-column is ____.

a.	td	c.	col
b.	th	d.	colgroup

 

 

ANS:  C                    PTS:   1                    REF:   HTML 369

 

Case-Based Critical Thinking Questions

 

Case 5-1

Skylar is trying to build a table to display her inventory of the items she sells in her online software shop. She wants to display the cover, name, vendor, quantity in stock, and price for each item.

 

71. How many columns would Skylar’s table need to have as a minimum?

a.	2	c.	4
b.	3	d.	5

 

 

ANS:  D                    PTS:   1                    REF:   HTML 322     TOP:   Critical Thinking

 

72. Skylar would like to have borders just on the top and bottom; which style would do that?

a.	frame=”rhs”	c.	frame=”lhs”
b.	frame=”hsides”	d.	frame=”vsides”

 

 

ANS:  B                    PTS:   1                    REF:   HTML 350     TOP:   Critical Thinking

 

73. Skylar would also like her header row to be blue. How would she accomplish that using a style?

a.	color=”blue”	c.	header-color: blue
b.	background-color: blue	d.	thead-color: blue

 

 

ANS:  B                    PTS:   1                    REF:   HTML 359     TOP:   Critical Thinking

 

Case-Based Critical Thinking Questions

 

Case 5-2

Boater’s Week is an online magazine. They like to host boat shows around town during the year to promote their magazine. Trevor is tasked with creating a table to list their boat show information which includes place, date & time, and a brief description of the event’s activities. Trevor is using a Web site that is several years old that uses a table as a layout. Trevor wants to create a table layout that is more modern. He wants to enter the data for each boat show within one cell, therefore requiring a cell to occupy more than one column or row.

 

74. Trevor decides that the data needs to occupy more than one row or column. To this he must create a(n) ____ cell.

a.	spanning	c.	wider
b.	expanded	d.	taller

 

 

ANS:  A                    PTS:   1                    REF:   HTML 327     TOP:   Critical Thinking

 

75. Trevor needs to add the attribute ____ to create a table cell that spans several columns.

a.	col = “columns”	c.	row = “rows”
b.	colspan = “columns”	d.	rowspan = “rows”

 

 

ANS:  B                    PTS:   1                    REF:   HTML 328     TOP:   Critical Thinking

 

76. Trevor wants to create banded rows and columns. He wants the even rows to be yellow.  To do that, he needs to use the ____.

a.	nth-of-type pseudo-code	c.	nth-of-type pseudo-class
b.	nth-of-type pseudo-color	d.	nth-of-type pseudo

 

 

ANS:  C                    PTS:   1                    REF:   HTML 362     TOP:   Critical Thinking

 

77. If Trevor wanted to switch to a layout that was not based on a table, he could use which element and keep his background?

a.	<div>	c.	<span>
b.	<xmp>	d.	<pre>

 

 

ANS:  A                    PTS:   1                    REF:   HTML 369     TOP:   Critical Thinking

 

Case-Based Critical Thinking Questions

 

Case 5-3

Santo has made a Web site to promote his soccer team. He wants to maintain a page where he can list the information about each of the soccer members. For each member, he likes to display a brief list of biographical information on the left and then their picture on the right.

 

78. How many columns will Santo most likely need in his table?

a.	2	c.	5
b.	4	d.	8

 

 

ANS:  A                    PTS:   1                    REF:   HTML 322     TOP:   Critical Thinking

 

79. Santo wants the display the name of the team at the top of the table. Which element should he use to do this?

a.	tbody	c.	td
b.	caption	d.	colgroup

 

 

ANS:  B                    PTS:   1                    REF:   HTML 333     TOP:   Critical Thinking

 

80. The first cell in the biographical information table has several styles applied to it. Santo would like to specify the background color of this cell, but is unsure which style to modify. Which table style has the highest precedence?

a.	rows	c.	table cells
b.	column groups	d.	table

 

 

ANS:  C                    PTS:   1                    REF:   HTML 359     TOP:   Critical Thinking

 

COMPLETION

 

1. Tables are considered ____________________-level elements.

 

ANS:  block

 

PTS:   1                    REF:   HTML 321

 

2. The number of ____________________ is determined by the maximum number of cells within each row.

 

ANS:  columns

 

PTS:   1                    REF:   HTML 325

 

3. The border attribute does not control the width of ____________________ gridlines.

 

ANS:  internal

 

PTS:   1                    REF:   HTML 325

 

4. Tables are marked within a two-sided ____________________ tag that identifies the start and ending of the table structure.

 

ANS:

<table>

table

 

PTS:   1                    REF:   HTML 321

 

5. Cells that identify the contents of a row or column are called table ____________________.

 

ANS:

headers

headings

 

PTS:   1                    REF:   HTML 323

 

6. Most Web browsers display table data using unformatted text that is ____________________-aligned.

 

ANS:  left

 

PTS:   1                    REF:   HTML 323

 

7. ____________________ cells are marked with the <td> tag and are used for any content that is not considered a heading.

 

ANS:  Data

 

PTS:   1                    REF:   HTML 323

 

8. Most browsers display table headings in a(n) ____________________ font, centered within the table cell.

 

ANS:

bold

boldface

 

PTS:   1                    REF:   HTML 323

 

9. The <tbody>, <tfoot>, and <thead> tags contain collections of rows called ____________________ groups.

 

ANS:  row

 

PTS:   1                    REF:   HTML 336

 

10. You can organize columns into ____________________ and format one or more entire columns with a single style declaration or attribute.

 

ANS:

groups

column groups

 

PTS:   1                    REF:   HTML 338

 

11. A preformatted text table normally is displayed using a(n) ____________________ font.

 

ANS:  monospace

 

PTS:   1                    REF:   HTML 343

 

12. ____________________ tables use the same amount of space for each character just as it was typed in.

 

ANS:  Preformatted text

 

PTS:   1                    REF:   HTML 343

 

13. By default, browsers set the cell spacing to ____________________ pixels.

 

ANS:

2

two

 

PTS:   1                    REF:   HTML 346

 

14. Cell ____________________ refers to the space between the cell contents and the cell border.

 

ANS:  padding

 

PTS:   1                    REF:   HTML 346

 

15. If you want your table to fill the entire width of the display area, regardless of the resolution of the user’s monitor, you should set the width attribute to ____________________.

 

ANS:  100%

 

PTS:   1                    REF:   HTML 348

 

16. With the ____________________ and rules attributes, you can control how borders and gridlines are applied to the table.

 

ANS:  frame

 

PTS:   1                    REF:   HTML 349

 

17. A(n) ____________________ specifies how the internal gridlines are drawn within a table.

 

ANS:  table rule

 

PTS:   1                    REF:   HTML 350

 

18. One challenge associated with tables is that they can be ____________________ for users with disabilities.

 

ANS:  inaccessible

 

PTS:   1                    REF:   HTML 341

 

19. One challenge associated with tables is that they can take longer to ____________________.

 

ANS:  render

 

PTS:   1                    REF:   HTML 341

 

20. One challenge associated with table layouts is that they are ____________________ to revise.

 

ANS:

difficult

complex

 

PTS:   1                    REF:   HTML 341

 

MATCHING

 

Identify the letter of the choice that best matches the phrase or definition.

a.	preformatted text	g.	spanning
b.	break-after	h.	cell spacing
c.	separate	i.	caption-side
d.	collapse	j.	column-gap
e.	frame	k.	center
f.	rules	l.	left

 

 

1. Displayed by the browser in a monospace font

 

2. Style value that causes borders to be combined

 

3. Style value that makes it so you can only apply borders to the table itself or to table cells

 

4. Type of cell that occupies more than one row or column in a table

 

5. Attribute that allows you to determine which sides of a table will have borders

 

6. The amount of space between table cells

 

7. Attribute that lets you control how internal table gridlines are drawn

 

8. Style that determines where the title of a table is displayed

 

9. The default alignment of a table heading

 

10. The default alignment of a table cell

 

11. Property used to set the space between columns

 

12. Property used to create a manual column break in CSS3

 

1. ANS:  A                    PTS:   1                    REF:   HTML 343

 

2. ANS:  D                    PTS:   1                    REF:   HTML 355

 

3. ANS:  C                    PTS:   1                    REF:   HTML 355

 

4. ANS:  G                    PTS:   1                    REF:   HTML 327

 

5. ANS:  E                    PTS:   1                    REF:   HTML 349

 

6. ANS:  H                    PTS:   1                    REF:   HTML 346

 

7. ANS:  F                    PTS:   1                    REF:   HTML 350

 

8. ANS:  I                     PTS:   1                    REF:   HTML 367

 

9. ANS:  K                    PTS:   1                    REF:   HTML 351

 

10. ANS:  L                    PTS:   1                    REF:   HTML 351

 

11. ANS:  J                     PTS:   1                    REF:   HTML 372

 

12. ANS:  B                    PTS:   1                    REF:   HTML 376

 

ESSAY

 

1. Explain what the <tbody>, <thead>, and <tfoot> tags are and how they are used. What kinds of tables use them most often?

 

ANS:

HTML supports three row groups: one to mark the header rows, another for the body rows, and a third for the footer rows. The syntax to create these three row groups is

<table>

<thead>

table rows

</thead>

<tfoot>

table rows

</tfoot>

<tbody>

table rows

</tbody>

</table>

where table rows are rows from the Web table. For example, the following code marks two rows as belonging to the table header row group:

<thead>

<tr>

<th colspan=”2”>KPAF Programs</th>

</tr>

<tr>

<th>Time</th>

<th>Program</th>

</tr>

</thead>

Order is important. The thead element must appear first, and then the tfoot element, and finally the tbody element. A table can contain only one thead element and one tfoot element, but it can include any number of tbody elements. The reason the table body group appears last, rather than the footer group, is to allow the browser to render the footer before receiving what might be numerous groups of table body rows.

One purpose of row groups is to allow you to create different styles for groups of rows in your table. Any style that you apply to the thead, tbody, or tfoot element is inherited by the rows those elements contain. Row groups also are used for tables in which table body contents are made up of imported data from external data sources such as databases or XML documents. In those situations, a single table can span several Web pages, with different imported content displayed in the table body in each page but with the same table header and table footer bracketing each page of content.

 

PTS:   1                    REF:   HTML 336     TOP:   Critical Thinking

 

2. Describe how to use CSS to apply table styles to other Web page elements.

 

ANS:

First you determine the elements that you would like to have rendered like a table. Determine which table element will delimit the table. Then determine which elements should be rendered as table rows, followed by table cells. You can also define elements to be table headings, table groups, and table captions. The table styles are display styles. For example, to specify that an element should display like the table element, you would use display: table. The complete list of table display styles that you can use are: display: table, display: table-inline, display: table-row, display: table-row-group, display: table-header-group, display: table-footer-group, display: table-column. display: table-column-group, display: table-cell, and display: table-caption. Refer to Table 5-49 on page HTML 369.

 

PTS:   1                    REF:   HTML 369     TOP:   Critical Thinking

 

3. Briefly explain four challenges often associated with table-based Web page layout.

 

ANS:

 

1. Tabular layouts violate the purpose of HTML. A basic philosophy of Web page design is that HTML code should indicate the structure of a document, but not how the document should be rendered by browsers. Tables take control of layout from style sheets, putting page design back into the HTML file.
2. Table layouts are difficult to revise. Imagine a complex table layout consisting of two columns with several levels of additional tables nested within each column. Now imagine having to revise that table structure, changing it into a three-column layout. This would not be an easy task because the page content would be intertwined with the page layout.

Further, imagine the difficulty of having to repeat that design change for dozens of pages across a large Web site. By contrast, a layout created with a properly designed style sheet is much easier to maintain and revise because it is separate from the page content.

3. Tables take longer to render. Unless the size of every element in a table is specified, browsers need to first load the table content and then run algorithms to determine how to size each element of the table. This can be time-consuming for large, complex tables that involve many cells and nested elements.
4. Table layouts are code-heavy. Creating a visually striking table layout often requires

several levels of nested table cells, rows, and columns. The ratio of HTML code to actual page content thus becomes more heavily weighted toward the HTML code, resulting in a document that takes longer to load and that can be difficult to interpret by people who need to edit the underlying code.

5. Tables can be inaccessible to users with disabilities. Aural or Braille browsers recite the Web page content line-by-line down through the file, but tables convey information both horizontally and vertically. The result is that information that is easily understood visually is unintelligible aurally. On the other hand, with style sheets an aural style could be designed that would better convey such information aurally.

 

PTS:   1                    REF:   HTML 341     TOP:   Critical Thinking