Tutorial 5 Web app

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

columns

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

monospace font

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

none

Cellpadding value is expressible in ____.

pixels

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

span

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

tr

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

below

Tables are considered ____ elements.

block-level

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.

border

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

border

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

cells

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

cells

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

cellspacing

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

<td rowspan="2" colspan="2">

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

<td rowspan="2">

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

<tr>

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

Both a and b (float, and resize)

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

CSS2

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

Double

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

Firefox

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

above

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

all

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

border-collapse

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

border-spacing: 3px

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

bottom

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

box

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

spanning

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. How many columns will Santo most likely need in his table?

2

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. If Trevor wanted to switch to a layout that was not based on a table, he could use which element and keep his background?

<div>

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

<pre>

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. Trevor needs to add the attribute ____ to create a table cell that spans several columns.

colspan = "columns"

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

four

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

gray

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

hidden

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

highest

By default, cell text is placed ____.

in the middle of the cell, aligned with the cell's left edge

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. Trevor wants to create banded rows and columns. He wants the even rows to be yellow. To do that, he needs to use the ____.

nth-of-type pseudo-class

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

rhs

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. Trevor decides that the data needs to occupy more than one row or column. To this he must create a(n) ____ cell.

spanning

Which of the following table styles has the lowest precedence?

table

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. 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?

table cells

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

table column

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

top

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

vsides

Which of the following is a table frame type?

vsides

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

vsides

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

wider, narrower