Deck 8: Creating Tables and Forms

Question 1

In the context of styling table elements, which format is used to specify the background-color property for a table header?

A) table, th, td { background-color: #F5F5F0; }
B) table { background-color: #F5F5F0; }
C) th { background-color: #F5F5F0; }
D) theader { background-color: #F5F5F0; }

Answer 1

C

Question 2

Identify a style rule that should be used to set the height of a table data cell to 2em.

A) { height: 2em; }
B) td { height: 2em; }
C) tdata { : 2em; }
D) { height: 2em; }

Answer 2

B

Question 3

The border-collapse property with a value of _____ is used to display a table with single, consolidated borders.

A) consolidate
B) 0
C) 1
D) collapse

Answer 3

D

Question 4

Identify the code that is used to create a table that includes a table caption and table headers.

A) Semester 1 Semester 2 College Course
B) College Course Semester 1 Semester 2
C) College Course Semester 1 Semester 2
D) College Course Semester 1 Semester 2

Question 5

Websites that make visitors create an account or register for an event use _____ to collect information about their customers.

A) forms
B) scripts
C) layouts
D) voice recorders

Question 6

The table _____ text appears above a table, spans its length, and is center-aligned by default.

A) border
B) form
C) header
D) caption

Question 7

A webpage visitor uses a(n) _____ to make a selection or perform a command.

A) information collector window
B) selection panel
C) data input control
D) command regulator

Question 8

Identify a correct format to insert the table header element "Days."

A) Days
B) Days
C) Days
D) Days

Question 9

To create a textarea control, one needs to use the _____ instead of the input element.

A) output element
B) control element
C) textarea element
D) label element

Question 10

Which control creates an option menu from which a visitor makes one or more choices?

A) select
B) radio
C) reset
D) textarea

Question 11

Which control limits the webpage visitor to only one choice from a list of choices?

A) select
B) radio
C) checkbox
D) textarea

Question 12

Which button sends the form information to the appropriate location for processing?

A) Select
B) R adio
C) Submit
D) Reset

Question 13

Identify a style rule that applies only to the th element, and not to the td elements, and uniquely formats the table header elements to have a dark gray background and white text.

A) { background-color: #1D1D1C; color: #FFFFFF; }
B) th { background-color: #1D1D1C; color: #FFFFFF; td: 0; }
C) th, td:0{ background-color: #1D1D1C; color: #FFFFFF; }
D) th { background-color: #1D1D1C; color: #FFFFFF; }

Question 14

Identify a style rule used to align the table data in the center of the cell.

A) th { : center; }
B) tdata { text-align: ; }
C) td { text-align: center; }
D) table_data { text-align: center; }

Question 15

Identify a style rule that should be used to apply 1em of padding to a table caption, header, and data cells.

A) caption, header, data { padding: 1em; }
B) tc, th, td { padding: 1em; }
C) { padding: 1em; }
D) caption, th, td { padding: 1em; }

Question 16

Consider the following code:table!-- Start Table --captionGroup Fitness Class Schedule/captiontrthClass/ththDays/ththTimes/ththInstructor/ththRoom/th/trIdentify the number of rows in the table.

A) 2
B) 5
C) 1
D) Undefined

Question 17

Identify a style rule that applies a thin (0.1em) solid black (#000000) border and 1em of padding to all sides of a table header and table data elements.

A) th, td { border: 0.1em solid #000000; padding: 1em; }
B) th, td { : 0.1em solid #000000; : 1em; }
C) { border: (0.1em solid #000000); padding: (1em); }
D) , { border: 0.1em solid #000000; padding: 1em; } ,

Question 18

Which graphic presents related information in rows and columns, and is especially useful when comparing types of data or listing topics and details?

A) graph
B) table
C) chart
D) map

Question 19

While styling a table for a tablet viewport, the table can be centered on the page by setting the left and right margins to a value of _____.

A) auto
B) 0
C) 1
D) center

Question 20

Identify the code used to create a 25-character text box for a user's last name.

A) Last Name: size="25">
B) Last Name:
C) Last Name: "lastname" size="25">
D) Last Name(TEXT): size="25">

Question 21

Identify the code that adds a label and a textarea element to a form to provide an opportunity for customers to ask questions.

A) Questions? name="questions" rows="3" cols="25">
B) Questions? name="questions" rows="3" cols="25">
C) for="questions"> Questions? name="questions" rows="3" cols="25">
D) ="questions" Questions? name="questions" rows="3" cols="25">

Question 22

A script is a program that runs in a browser to add functionality to a webpage.

Question 23

A user input form is used to provide information to website visitors.

Question 24

A label accepts text, such as names, dates, and passwords, and is often called an input field.

Question 25

Identify a correctly formatted form tag with the post method and a specified action.

A) method= "POST" ="formInfo.php"
B) "POST" action="formInfo.php">
C) = "POST"
D) method= "POST" action="formInfo.php">

Question 26

Heading cells are used to display column headings that identify the information in each column.

Question 27

While  processing a form, the _____ attribute of the form tag specifies how to send the data entered in the form to the server to be processed.

A) required
B) pattern
C) action
D) method

Question 28

Identify the code that creates a label and a text box for a visitor's first name.

A) for="fName">First Name
B) First Name:
C) for="fName">First Name:
D) First Name:

Question 29

A _____ is a horizontal line of information in a table.

A) header
B) row
C) list
D) break-note

Question 30

While processing a form, the _____ method sends a separate data file with the name-value pairs to the URL (or email address) indicated in the action attribute.

A) get
B) link
C) post
D) send

Question 31

Businesses are not permitted to use forms to collect information about their customers.

Question 32

Content that can be organized into categories and items is often best presented in a hierarchical format.

Question 33

A table can have only one caption.

Question 34

Identify a style rule that specifies a block display for label elements.

A) { display: block; }
B) label { : block; }
C) label { display: block; }
D) { display: block; }

Question 35

Use the _____  attribute of the form tag to specify the action the browser takes when submitting the form. 

A) enctype
B) pattern
C) action
D) autocomplete

Question 36

Identify the code used to create submit controls.

A) input type="submit" value="Submit"
B) nput type=submit value=Submit
C) input type:"submit" value:"Submit"
D) input type:submit value:Submit

Question 37

Form _____ identify the type of information to enter into or select from an input control.

A) actions
B) layouts
C) scripts
D) labels

Question 38

To avoid horizontal scrolling, display the form elements as _____ so that each element appears on its own line. 

A) charts
B) tables
C) grids
D) blocks

Question 39

A(n) _____ displays text as bold and center-aligned.

A) data element
B) marked text
C) indexing element
D) header cell

Question 40

A footnote is a vertical line of information in a table.

Question 41

When a border is applied to table elements, by default, every adjacent cell has a common border.

Question 42

Many  HTML 5 attributes  are not supported by all major browsers.

Question 43

When the webpage visitor is limited to only one choice from a list by a radio control, each form control choice has a radio button, or option button, which typically appears as an open circle.

Question 44

Tables should only be used to design a layout for a webpage.

Question 45

For button, reset, and submit controls, the value attribute specifies the data submitted with the form when the control is selected.

Question 46

The get method is the more common method in form processing because it can be used to send sensitive form data and does not have a size limitation.

Question 47

Tables can include headers and captions individually or in combination.

Question 48

A webpage form must include a submit control, but not necessarily a reset control.

Question 49

The HTML element theader … /theader is used to indicate the start and end of a table header area.

Question 50

Identify an HTML element that indicates the start and end of a table caption.

A) table_caption> … B) tc> … C) tcaption> … D) caption> …

Question 51

Identify an HTML table element that indicates the start and end of a row within a table.

A) table> … B) tr> … C) tb> … D) row> …

Question 52

A table containing numeric information can be converted to a chart for the mobile viewport.

Question 53

The image input type creates the default button instead of a graphical button.

Question 54

A bulleted list can be used instead of a table to present complex tabular information such as a class schedule clearly.

Question 55

Without styles applied to a table, all the columns appear to run together.

Question 56

While defining a table, the caption tag should be inserted after the starting tr tag.

Question 57

To set a particular check box to be preselected as the default, the checked attribute and value should be used within the input tag.

Question 58

Only visual browsers can use headers to identify table content.

Question 59

Identify the code used to create a table with one row and two columns.

A) Semester 1 Semester 2
B) Semester 1 Semester 2
C) Semester 1 Semester 2
D) Semester 1 Semester 2

Question 60

Table formatting attributes, such as borders and spacing, are set by default while creating a table in HTML.

Question 61

Which table element is typically used to identify row or column content?

A) headers
B) titles
C) links
D) tags

Question 63

Explain the difference between the th and the thead tags.

Question 64

Apart from the table on meeting schedules, Ann has been asked by Jerema to incorporate financial updates as well. Since the financial data contain numeric information, styling the data table so it is easy to read using a mobile viewport might be a problem. To overcome this problem, Ann can consider converting the table to a _____ for the mobile viewport.

A) chart
B) matrix
C) grid
D) map

Question 65

A table _____ is the line that defines the perimeter of a table.

A) ruler
B) border
C) mark
D) frame

Question 66

Ann has used table styling properties to give the table a neat look. Although Ann has applied a border to the table element, each cell has its own border, making the table appear to have double lines between each table data cell. Which styling property should Ann use in this case to display the table with single, consolidated borders?

A) border-collapse property
B) border-width property
C) text-align property
D) text-compress property

Question 67

The number of table data elements in each table row element determines the number of _____ in the table.

A) captions
B) layouts
C) columns
D) margins

Question 68

Identify the format used by Jenny to insert a table along with a caption element that reads "Mark's Fitness Schedule."

A) Mark's Fitness Schedule . . .
B) Mark's Fitness Schedule . . .
C) Mark's Fitness Schedule . . .
D) Mark's Fitness Schedule . . .

Question 69

Jenny has to create a table that contains one header row and three columns, one each for balance exercise, strength exercise, and endurance exercise. Identify the format that Jenny uses to create this type of a table.

A) Balance exercise Strength exercise Endurance exercise
B) Balance exercise Strength exercise Endurance exercise
C) Balance exercise Strength exercise Endurance exercise
D) Balance exercise Strength exercise Endurance exercise

Question 70

Explain the appropriate method to plan the creation of effective tables.

Question 71

Briefly explain the method to submit and process a form.