Name:
Class:
Date:
True / False
1. The default marker for each list item is determined by the user agent rendering the web page but is most often an
Arabic letter.
a.
True
b.
False
False
1
202
2. colgroup elements are nested withing col parent elements.
a.
True
b.
False
False
1
217
3. HTML enables you to create a list in which the order of list items doesn’t matter.
a.
True
b.
False
True
1
4. Unlike dl and ul, ol does not use the li element to specify list items.
a.
True
b.
False
False
1
202
5. It’s easy to nest lists in HTML: you simply insert valid code for a list within the content of an li element..
a.
True
b.
False
True
1
208
6. When using HTML table structuring elements, tc indicates content of a standard table cell
a.
True
b.
False
False
1
211
Name:
Class:
Date:
7. The content of the table header cell is right-aligned by default in most browsers.
a.
True
b.
False
False
1
211
8. When a table contains cells that repeat the same content across a row or down a column, you can improve usability by
removing all but one occurrence of the content formatting the cell to be displayed across multiple columns or rows.
a.
True
b.
False
True
1
214
9. In a table that doesn’t use colspan or rowspan attributes, you can verify that each row includes content for every
column by ensuring that each row contains the same number of th or td elements.
a.
True
b.
False
True
1
10. Whenever you add col elements, they must cover all the columns in the table.
a.
True
b.
False
True
1
216
Modified True / False
11. All the li elements for a list are nested within the opening and closing dl tags. _________________________
1
202
12. To create a list in which the order of list items doesn’t matter, use the rl element. _________________________
1
204
13. A description list was known in previous versions of HTML as a(n) dictionary list. _________________________
Name:
Class:
Date:
14. An element with the table-cell value for the display property serves the role of a th or td element.
_________________________
15. A table organizes data in vertical rows._________________________
16. You can add semantic information to a table by using the tfoot element to mark footer
rows. _________________________
17. The HTML table structuring element called table marks the start and end of table content.
_________________________
18. To merge a cell across multiple columns in an HTML table, you use the colspan attribute in the opening th or td
tag for the cell to specify the number of columns in which it should be displayed. _________________________
19. By default, each col element applies to a single column, starting from the right side of the
table. _________________________
20. You can group consecutive columns into a single col element by specifying the number of columns to include as the
value of the flow attribute. _________________________
Name:
Class:
Date:
Multiple Choice
21. You use the HTML ____ element to create a list in which items are numbered or lettered sequentially.
a.
ol
b.
ul
c.
dl
d.
nl
1
202
22. You create each item in an ordered list with the ____ element.
a.
ol
b.
li
c.
ul
d.
it
b
1
202
23. Unordered list items are displayed with a ____ at the start of each line.
a.
letter
b.
number
c.
bullet
d.
Any of the above.
1
204
24. In an unordered list, the default bullet character is a(n) ____, but you can use the CSS list–style–type property
to specify a different bullet shape.
a.
dash
b.
solid circle
c.
open circle
d.
asterisk
b
1
204
25. Which of the following is NOT a value for the CSS list–style–type property for the ul element?
a.
open
b.
disc
c.
square
d.
none
1
204
26. In addition to choosing from the standard selection of bullet characters using the list–style–type property, you
can instead choose to specify an image to display as the bullet character using the ____ property.
a.
list–style–picture
b.
list–style–image
c.
list–picture
d.
list–image
b
1
27. The syntax to specify an image to display in place of a bullet is the text url followed by the path and filename of the
image file, enclosed in ____.
a.
quotes
b.
parentheses
c.
Both A and B.
d.
Neither A nor B.
1
206
28. The ____ element creates a description list, which enables you to specify a name–value pair for each list item.
a.
ol
b.
ul
c.
dl
d.
il
1
206
29. In HTML5, ____ is recommended as a semantic marker for any content that includes items and descriptions.
a.
ol
b.
ul
c.
dl
d.
il
1
30. When using dl, ____ marks the term or item being described.
a.
dt
b.
dd
c.
di
d.
ds
1
206
31. When using dl, ____ indicates the description.
a.
dt
b.
dd
c.
di
d.
ds
b
1
206
32. Adding a(n) ____ to a description list element enables you to format a list without specifying the formatting for every
item-description pair.
a.
property
b.
style
c.
element
d.
class
b
1
206
33. To nest lists in HTML, you insert valid code for a list within the content of a(n) ____ element.
a.
il
b.
li
c.
dl
d.
ld
b
1
208
34. By marking up a navigation bar using the ____ element(s), you can add semantic information that helps user agents
more accurately render it.
a.
ul
b.
li
c.
Both A and B.
d.
Neither A nor B.
1
208
35. To create a nav bar as a list, you nest the nav bar links within a(n) ____ element.
a.
ul
b.
div
c.
ol
d.
article
1
36. Each item of data in a table is displayed in a(n) ____, which is the intersection of a row and a column.
a.
holder
b.
cell
c.
box
d.
opening
b
1
210
37. When creating a table in HTML, ____ marks the start and end of the table.
a.
table
b.
cells
c.
grid
d.
list
1
211
38. When creating a table in HTML, ____ marks the content of a header cell.
a.
td
b.
th
c.
ud
d.
uh
b
1
211
207
Name:
Class:
Date:
39. When creating a table in HTML, ____ marks the content of a data cell.
a.
td
b.
tc
c.
ud
d.
uc
1
211
40. When creating a table in HTML, ____ groups cells into rows.
a.
td
b.
tr
c.
ud
d.
ur
b
1
211
41. You can add semantic information to a table by using the ____ element to mark the header rows of the table.
a.
tstart
b.
tend
c.
theading
d.
thead
d
1
211
42. The content of a table header cell is ____ by default in most browsers.
a.
centered
b.
justified
c.
right-aligned
d.
left-aligned
1
211
43. To merge a cell across multiple columns in an HTML table, you use the ____ attribute in the opening th or td tag for
the cell to specify the number of columns in which it should be displayed.
a.
rowspan
b.
colspan
c.
Either A or B.
d.
Neither A nor B.
b
1
214
44. CSS lets you specify that you want elements treated as components of a table, but without marking them semantically
as tabular data. To implement this layout, you use ____elements, such as divs.
a.
table-level
b.
block-level
c.
eye-level
d.
cell-level
b
1
218
Name:
Class:
Date:
45. To implement a CSS layout where elements are treated as components of a table but are not marked as tabular data,
you create a structure that parallels the arrangement of ____ elements in an HTML table.
a.
table
b.
tr
c.
td
d.
All of the above.
d
1
218
46. Referring to the figure above, the header cell content in the “Period” column is ____.
a.
centered
b.
displayed in bold
c.
Both A and B.
d.
Neither A nor B.
1
211
47. Referring to the figure above, a table row consists of a ____ series of cells tat are grouped in a tr element.
a.
vertical
b.
horizontal
c.
Both A and B.
d.
Neither A nor B.
b
1
210
48. Referring to the figure above, a table row consists of a ____ series of cells.
a.
vertical
b.
horizontal
c.
Both A and B.
d.
Neither A nor B.
b
1
210
49. Referring to the figure above, a(n) ____ is displayed around each cell.
a.
frame
b.
border
c.
etching
d.
background
b
1
210
Name:
Class:
Date:
50. Referring to the figure above, the ____ cell spans multiple columns.
a.
body
b.
heading
c.
footer
d.
frame
1
51. Referring to the figure above, to cause cell content to be displayed across multiple columns, the ____ attribute is used.
a.
colspan
b.
rowspan
c.
col merge
d.
row merge
215
52. Referring to the figure above, the ____ attribute has been used in the table.
a.
rowspan
b.
colspan
c.
Both A and B.
d.
Neither A nor B.
1
53. Referring to the figure above, the word “Period” is in a cell that spans ____.
a.
1 row
b.
1 column
c.
2 rows
d.
2 columns
215
Name:
Class:
Date:
54. Referring to the figure above, ____ element(s) is required to specify the number or arrangement of columns.
a.
0
b.
1
c.
2
d.
3
1
210
55. Referring to the figure above, the ____ attribute merges cell borders of adjacent cells into a single line.
a.
border–collapse
b.
border–merge
c.
border–flow
d.
border–continue
1
216
Case-Based Critical Thinking Question
Lorienne is building a table for her Web site that shows her babysitting rates depending on the number of hours and
number of children watched.
56. Lorienne wants the number of children to show across the top of the table, as a column heading. To do this, she should
use the ____ basic table structuring tag.
a.
top–head
b.
fixed–head
c.
thead
d.
label
1
210
Critical Thinking
57. To indicate the start and end of a row, Lorienne uses the ____element.
a.
<td></td>
b.
<sd></sd>
c.
<sr></sr>
d.
<tr></tr>
d
1
210
Critical Thinking
Case-Based Critical Thinking Question
Quinn plans to use several different types of lists on his Web site selling musical instruments.
58. One of the lists that Quinn wants to include is a set of instructions on how to return an item. The instructions need to
be followed in a set order. Which type of list would Quinn create?
a.
description
b.
ordered
c.
unordered
d.
Any of the above.
b
1
59. Quinn is also creating a list of the types of clients he works with (schools, individuals, orchestras), and the list does
not need to be in a particular order. What type of list should he create?
a.
description
b.
ordered
c.
unordered
d.
Any of the above.
1
204
Critical Thinking
60. The final list that Quinn is creating is the name of famous people he has worked with and the instrument they play. He
wants to be able to specify a name-value pair. He would use the ____ list.
a.
description
b.
ordered
c.
unordered
d.
Any of the above.
1
206
Critical Thinking
Completion
61. Referring to the figure above, the code specifies the file browntri.gif as the bullet character for ________________
lists.
unordered
1
206
62. The HTML ol element creates a type of list known as a(n) ________________ list.
ordered
1
202
63. You mark an unordered list item content with the same ________________ element that you use for an ordered list.
204
64. The dl element creates a(n) ________________ list, which enables you to specify a name–value pair for each list
202
Critical Thinking
Name:
Class:
Date:
item.
POINTS:
1
65. Setting list-style-type to ________________ prevents bullet characters from displaying next to each item.
ANSWER:
none
REFERENCES:
204
66. A table organizes data in horizontal ________________.
POINTS:
1
67. You can add semantic information to a table by using the ________________ element to mark the rows that make up
the body.
POINTS:
1
Matching
Match each CSS list-style-type property value with the result.
a.
i. first item
ii. second item
b.
a. first item
b. second item
c.
first item
second item
d.
1. first item
2. second item
REFERENCES:
203
68. decimal
POINTS:
1
69. lower-roman
Name:
Class:
Date:
70. lower-alpha
71. upper-alpha
72. none
73. What is a description list? What was a description list called in previous versions of HTML? How is a description list
used in HTML 5?
74. To create a table in HTML, you use four main elements. Please name and describe these elements.
75. In a table that doesn’t use colspan or rowspan attributes, how can you verify that each row includes content for
every column? When you use colspan and rowspan attributes, how can you confirm that your content fits the table
dimensions.