Deck 8: Creating Tables and Forms
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Match between columns
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/83
Play
Full screen (f)
Deck 8: Creating Tables and Forms
1
The _____ text appears above a table, spans its length, and is center-aligned by default.
A)table border
B)table form
C)table header
D)table caption
A)table border
B)table form
C)table header
D)table caption
D
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;
}
A){ height: 2em;
}
B)td { height: 2em;
}
C)tdata { : 2em;
}
D){ height: 2em;
}
B
3
The number of table data elements in each table row element determines thenumber of _____ in the table .
A) captions
B) layouts
C) columns
D) margins
A) captions
B) layouts
C) columns
D) margins
C
4
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
A)forms
B) scripts
C) layouts
D)voice recorders
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
5
While styling a table for a tablet viewport, the table can be centered on the page significantly by setting the left and right margins to a value of _____.
A)auto
B)0
C)1
D)center
A)auto
B)0
C)1
D)center
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
6
A _____ is a horizontal line of information in a table.
A)header
B)row
C)list
D)break-note
A)header
B)row
C)list
D)break-note
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
7
Identify a correct format to insert the table header element "Days."
A)Days
B)Days
C)Days
D)Days
A)Days
B)Days
C)Days
D)Days
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
8
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;
} ,
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;
} ,
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
9
A(n) _____ displays text as bold and center-aligned.
A)data element
B)marked text
C)indexing element
D)heading cell
A)data element
B)marked text
C)indexing element
D)heading cell
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
10
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
A)output element
B)control element
C)textarea element
D)label element
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
11
Consider the following code:
Group Fitness Class Schedule
Class
Days
Times
Instructor
Room
Identify the number of rows in the table.
A)2
B)5
C)1
D)Undefined
Group Fitness Class Schedule
Class
Days
Times
Instructor
Room
Identify the number of rows in the table.
A)2
B)5
C)1
D)Undefined
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
12
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;
}
A)caption, header, data { padding: 1em;
}
B)tc, th, td { padding: 1em;
}
C){ padding: 1em;
}
D)caption, th, td { padding: 1em;
}
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
13
Identify a 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">
A)Last Name: size="25">
B)Last Name:
C)Last Name: "lastname" size="25">
D)Last Name(TEXT): size="25">
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
14
_____ are typically used to identify row or column content.
A)Headers
B)Titles
C)Links
D)Tags
A)Headers
B)Titles
C)Links
D)Tags
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
15
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;
}
A)th { : center;
}
B)tdata { text-align: ;
}
C)td { text-align: center;
}
D)table_data { text-align: center;
}
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
16
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
A)information collector window
B)selection panel
C)data input control
D)command regulator
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
17
A _____ is the line that defines the perimeter of a table.
A)table ruler
B)table border
C)table mark
D)table frame
A)table ruler
B)table border
C)table mark
D)table frame
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
18
A _____ 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
A)graph
B)table
C)chart
D)map
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
19
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;
}
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;
}
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
20
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
A)consolidate
B)0
C)1
D)collapse
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
21
Identify a style rule that is used to remove bullets from an unordered list of check boxes in a form by specifying none as the value of the list-style-type property.
A)ul { list-style-type: none;
}
B){ list-style-type: none;
}
C)form { list-style-type: none;
}
D)form ul { list-style-type: none;
}
A)ul { list-style-type: none;
}
B){ list-style-type: none;
}
C)form { list-style-type: none;
}
D)form ul { list-style-type: none;
}
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
22
Content that can be organized into categories and items is often best presented in a hierarchical format.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
23
A data input control can be a _____.A)radio button B)reset button
C)submit button
D)link button
C)submit button
D)link button
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
24
A _____ creates an option menu from which a visitor makes one or more choices.
A)select control
B)radio control
C)reset control
D)textarea control
A)select control
B)radio control
C)reset control
D)textarea control
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
25
A _____ sends the form information to the appropriate location for processing.
A)Select button
B) R adio button
C)Submit button
D)Reset button
A)Select button
B) R adio button
C)Submit button
D)Reset button
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
26
Identify a 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">
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">
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
27
A table consists of _____.A)rows B)columns
C)contour lines
D)cells
C)contour lines
D)cells
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
28
Identify a 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:
A)for="fName">First Name
B)First Name:
C)for="fName">First Name:
D)First Name:
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
29
In the context of HTML tags that are used to create forms, the _____ attribute specifies where to submit the form data (a URL).
A)enctype
B)pattern
C)action
D)autocomplete
A)enctype
B)pattern
C)action
D)autocomplete
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
30
A table includes features such as _____.A)zones B)captions
C)headers
D)borders
C)headers
D)borders
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
31
Identify a correct format of a form tag with the post method and specified action.
A)method= "POST" ="formInfo.php"
B)"POST" action="formInfo.php">
C)= "POST"
D)method= "POST" action="formInfo.php">
A)method= "POST" ="formInfo.php"
B)"POST" action="formInfo.php">
C)= "POST"
D)method= "POST" action="formInfo.php">
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
32
A _____ limits the webpage visitor to only one choice from a list of choices.
A)select control
B)radio control
C)checkbox control
D)textarea control
A)select control
B)radio control
C)checkbox control
D)textarea control
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
33
Identify a style rule that displays elements in the chkbx class (the check boxes) inline while the elements retain their block element characteristics.
A).chkbx { display: inline-block;
}
B).chkbx { : inline-block;
}
C) .chkbx { display: ;
}
D).chkbx(display) { inline-block;
}
A).chkbx { display: inline-block;
}
B).chkbx { : inline-block;
}
C) .chkbx { display: ;
}
D).chkbx(display) { inline-block;
}
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
34
While processing a form, the _____ attribute of the 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
A)required
B)pattern
C)action
D)method
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
35
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;
}
A){ display: block;
}
B)label { : block;
}
C)label { display: block;
}
D){ display: block;
}
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
36
_____ identify the type of information to enter into or select from an input control.
A) Form actions
B)Form layouts
C) Form scripts
D)Form labels
A) Form actions
B)Form layouts
C) Form scripts
D)Form labels
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
37
The attributes frequently used with text input controls such as text, password, email, tel, and date controls are _____.A)size B)widthadjustment
C)writeonly
D)maxlength
C)writeonly
D)maxlength
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
38
While styling a form for a mobile viewport, display the form elements as _____ so that each element appears on its own line and horizontal scrolling can be avoided.
A)charts
B)tables
C)grids
D)blocks
A)charts
B)tables
C)grids
D)blocks
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
39
While processing a form, the _____ sends a separate data file with the name-value pairs to the URL (or email address) indicated in the action attribute.
A)get method
B)link method
C)post method
D)send method
A)get method
B)link method
C)post method
D)send method
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
40
A footnote is a vertical line of information in a table.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
41
The HTML element … is used to indicate the start and end of a table header area.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
42
A table can have only one caption.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
43
Table formatting attributes, such as borders and spacing, are set by default while creating a table in HTML.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
44
A label accepts text, such as names, dates, and passwords, and is often called an input field.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
45
HTML5 does not support the majority of the table tag attributes that were used to format tables.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
46
When a border is applied to table elements, by default, every adjacent cell has a common border.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
47
Businesses are not permitted to use forms to collect information about their customers.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
48
Without styles applied to a table, all the columns appear to run together.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
49
A user input form is used to provide information to website visitors.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
50
Tables can include headers and captions individually or in combination.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
51
Heading cells are used to display column headings that identify the information in each column.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
52
A bulleted list can be used instead of a table to present information clearly.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
53
Although a table is inserted within the div class="desktop" section, the table will still be displayed in the tablet viewport.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
54
A table containing numeric information can be converted to a chart for the mobile viewport.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
55
The image input type creates the default button instead of a graphical button.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
56
Only visual browsers can use headers to identify table content.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
57
While defining a table, the tag should be inserted after the starting tag.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
58
A script is a program that runs in a browser to add functionality to a webpage.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
59
Tables should only be used to design a layout for a webpage.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
60
For button, reset, and submit controls, the value attribute specifies the data submitted with the form when the control is selected.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
61
To set a particular check box to be preselected as the default, the checked attribute and value should be used within the tag.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
62
The _________ property, a Cascading Style Sheets (CSS) table styling property, aligns the table data vertically in the middle of a cell.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
63
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.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
64
_________ are useful to collect more than a single line of text from a webpage visitor, such as a product review.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
65
A(n) _________ is descriptive text that serves as a title or identifies a table's purpose.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
66
Match between columns
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
67
In World History , ''td'' indicates the _________.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
68
A(n) _________ is a type of border that displays a table with single, consolidated borders.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
69
A(n) _________ is an interactive mechanism in which users enter text or make selections on a form.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
70
A(n) _________ displays normal, left-aligned text and contains information appropriate for the column and row.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
71
The _________ property, a Cascading Style Sheets (CSS) table styling property, collapses borders in a table so that adjacent cells share borders.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
72
Each choice has a radio button, or option button, which typically appears as an open circle.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
73
_________ can use column headings or row headings to identify categories or topics.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
74
The _________ has two primary attributes, rows and cols, which set the size of the textarea control.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
75
Critical Thinking Questions Case 8-1
Mark is a fitness trainer and uses a webpage that maintains his list of client information and training schedules. Mark's webpage maintenance in charge, Jenny, has been asked to use tables instead of bulleted lists to keep track of all the data in an organized and clear manner.
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
Mark is a fitness trainer and uses a webpage that maintains his list of client information and training schedules. Mark's webpage maintenance in charge, Jenny, has been asked to use tables instead of bulleted lists to keep track of all the data in an organized and clear manner.
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
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
76
A webpage form must include a submit control, but not necessarily a reset control.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
77
Briefly explain the method to submit and process a form.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
78
A _________ clears any input entered in the form, resetting the input controls to their defaults.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
79
When a webpage visitor taps or clicks the _________ on the form, the name of each control and the value of its data are sent to the server to be processed.
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck
80
Critical Thinking Questions Case 8-2
Jerema, the CEO of a leading garment manufacturing outlet, has assigned her assistant, Ann, the task of utilizing tables and its styling features to create an organized information store that would contain all of Jerema's meeting schedules. Ann creates a table that has four rows and three columns that lists all the required information. Ann has made use of the table styling properties to give the table a neat look. Although Ann has applied a border to the table elements, yet each cell has its own border, making the table appear with 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
Jerema, the CEO of a leading garment manufacturing outlet, has assigned her assistant, Ann, the task of utilizing tables and its styling features to create an organized information store that would contain all of Jerema's meeting schedules. Ann creates a table that has four rows and three columns that lists all the required information. Ann has made use of the table styling properties to give the table a neat look. Although Ann has applied a border to the table elements, yet each cell has its own border, making the table appear with 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
Unlock Deck
Unlock for access to all 83 flashcards in this deck.
Unlock Deck
k this deck