Font size
WorksheetsLesson 3: Building the User Interface by Using HTML5: Organizati
Total questions: 20
Worksheet time: 10mins
Which of the following elements is not considered to be semantic markup?
article
section
div
aside
You are creating an HTML5 Web page and want to include your contact information. Which element is the most appropriate to use?
address
wbr
nav
article
You are creating a Web page and want to include text, like a heading, that will display information when clicked and then hide the information when clicked again. Which of the following element should you use?
aside
details
summary
header
You are preparing a medical article for display on a Web page. The article includes some very long words. Which element do you use to ensure a Web browser will break the long words appropriately?
details
section
hgroup
wbr
Which of the following is true of the footer element?
It defines a footer for a document or section.
It is designed for navigation links.
You can have only one footer per document.
It always appears at the bottom of a Web page
You are blogging on your Web site and want part of the information to be available for other Web sites to use and display. Which HTML5 element should you use to set off the content to be syndicated?
summary
details
article
div
You are creating a how-to article and want to display definitions for a few keywords in your article. Which HTML5 element should you use for the definitions?
wbr
details
article
aside
What does the <hr /> tag produce?
page break
horizontal rule
word break
heading
. How many columns does the following table have?
<table>
<tr>
<th>Item</th>
<th>Price</th>
</tr>
<tr>
<td>Popcorn</td>
<td>$4</td>
</tr>
<tr>
<td>Candy</td>
<td>$3</td>
</tr>
<tr>
<td>Soda</td>
<td>$3</td>
</tr>
</table>
1
2
3
4
You want to add a title before an HTML table that will appear just once. Which tag do you use?
<title>
<thead>
<caption>
<colgroup>
What are #EEE8AA and #F0E68C examples of?
hexadecimal color codes
placeholder text
Web form field names
none of the above
You are including a bulleted list in an HTML document. You want to use a square as the symbol marker for all list items. What is the most efficient and proper markup?
<ul type="square">
<li type="square">item</i>
<lu type="square">
<ul marker="square">
You are creating a Web form that will send data back to a Web server. Which attribute do you use with the form element to send the data?
send="data"
post="data"
method="get"
method="post
You are creating a Web form that will display a response to the user after the user clicks the Submit button. Which value do you use with the target attribute to display the response in a new, unnamed browser window?
_blank
_self
_parent
_top
What kind of input does the following pattern markup most likely control?
pattern="[0-9]{3}-[0-9]{2}-[0-9]{4}"
Zip code
house address number
telephone number
U.S. Social Security number
You are creating a search feature using Web form markup for your Web site. When a user first opens the page, you want the user’s cursor to appear in the Search field automatically. Which input attribute should you use?
form
formmethod
autofocus
placeholder
You are creating a Web form in which users may submit files. Which attribute do you use with the input element to restrict file types to video?
form
accept
list
formnovalidate
. You want to require users who submit information through your Web form to include their email address. Which of the following markup is correct?
<input email="required" />
<input email="email" required />
<input type="email" required />
<input type="email" pattern />
. You are creating a Web form that will prompt the user for a password. Which attribute do you use with the input element?
type="password"
password="required"
type=password
password="text"
The pattern attribute works with which input types? (Choose all that apply.)
image
search
file
text
