wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Lesson 3: Building the User Interface by Using HTML5: Organizati

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Which of the following elements is not considered to be semantic markup?

a)

article

b)

section

c)

div

d)

aside

2.

You are creating an HTML5 Web page and want to include your contact information. Which element is the most appropriate to use?

a)

address

b)

wbr

c)

nav

d)

article

3.

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?

a)

aside

b)

details

c)

summary

d)

header

4.

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?

a)

details

b)

section

c)

hgroup

d)

wbr

5.

Which of the following is true of the footer element?

a)

It defines a footer for a document or section.

b)

It is designed for navigation links.

c)

You can have only one footer per document.

d)

It always appears at the bottom of a Web page

6.

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?

a)

summary

b)

details

c)

article

d)

div

7.

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?

a)

wbr

b)

details

c)

article

d)

aside

8.

What does the <hr /> tag produce?

a)

page break

b)

horizontal rule

c)

word break

d)

heading

9.

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

a)

1

b)

2

c)

3

d)

4

10.

You want to add a title before an HTML table that will appear just once. Which tag do you use?

a)

<title>

b)

<thead>

c)

<caption>

d)

<colgroup>

11.

What are #EEE8AA and #F0E68C examples of?

a)

hexadecimal color codes

b)

placeholder text

c)

Web form field names

d)

none of the above

12.

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?

a)

<ul type="square">

b)

<li type="square">item</i>

c)

<lu type="square">

d)

<ul marker="square">

13.

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?

a)

send="data"

b)

post="data"

c)

method="get"

d)

method="post

14.

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?

a)

_blank

b)

_self

c)

_parent

d)

_top

15.

What kind of input does the following pattern markup most likely control?

pattern="[0-9]{3}-[0-9]{2}-[0-9]{4}"

a)

Zip code

b)

house address number

c)

telephone number

d)

U.S. Social Security number

16.

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?

a)

form

b)

formmethod

c)

autofocus

d)

placeholder

17.

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?

a)

form

b)

accept

c)

list

d)

formnovalidate

18.

. You want to require users who submit information through your Web form to include their email address. Which of the following markup is correct?

a)

<input email="required" />

b)

<input email="email" required />

c)

<input type="email" required />

d)

<input type="email" pattern />

19.

. You are creating a Web form that will prompt the user for a password. Which attribute do you use with the input element?

a)

type="password"

b)

password="required"

c)

type=password

d)

password="text"

20.

The pattern attribute works with which input types? (Choose all that apply.)

a)

image

b)

search

c)

file

d)

text