wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML Chp. 1-4 CSS, 8 Tables, 9 Forms

Total questions: 43

Worksheet time: 22mins

Name
Class
Date
1.

Which tag pair is used to create a new paragraph in HTML?

a)

<new paragraph> </new paragraph>

b)

<paragraph> </paragraph>

c)

<p> </p>

d)

<para> </para>

2.

Which tag pair creates the largest heading in HTML?

a)

<h1> </h1>

b)

<h9> </h9>

c)

<h type="smallest"> </h>

d)

<h6> </h6>

3.

Which tag forces the browser to display the next text or element on a new line?

a)

<new line>

b)

<p>

c)

<br>

d)

<line>

4.

Choose the true statement about HTML document structure.

a)

The content that displays in the browser is contained in the head section.

b)

The content that displays in the browser is contained in the body section.

c)

Information about the web page is contained in the body section.

d)

All of the above are true.

5.

Which HTML list type automatically places a number in front of the items?

a)

numbered list

b)

ordered list

c)

unordered list

d)

definition list

6.

Which tag pair contains the items in an ordered or unordered list?

a)

<item> </item>

b)

<li> </li>

c)

<dd> </dd>

d)

none of the above

7.

Choose the tag pairs that are used in a definition list.

a)

<dt> </dt>

b)

<dl> </dl>

c)

<dd> </dd>

d)

all of the above

8.

Which tag pair configures text to be indented from both the left and right margins?

a)

<blockquote>.. </blockquote>

b)

<p>.. </p>

c)

<h1>.. </h1>

d)

all of the above

9.

Which special character is used to indicate a blank space in HTML?

a)

&blank;

b)

 &nbsp;

c)

&copy;

d)

none of the above

10.

Which tag is used to link web page documents to each other?

a)

<link> tag

b)

<hyperlink> tag

c)

<a> tag

d)

<body> tag

11.

The text contained between title tags is:

a)

Not displayed by browsers

b)

Displayed in the title bar of the browser window

c)

Not used by search engines

d)

Never seen by your web page visitor

12.

Which of the following tags does not require a closing tag?

a)

<p>

b)


<br>

c)

<i>

d)

<a>

13.

Which of the following tags should NOT be located in the head section?

a)

<title>

b)

<h1>

c)

<meta>

d)

All the tags listed above should be coded in the head section.

14.

When CSS is coded in the body of the web page as an attribute of an HTML tag, it is called:

a)

Embedded

b)

Inline

c)

External

d)

Imported

15.

Which CSS declaration property sets the text color on a web page?

a)

bgcolor

b)

text-color

c)

color

d)

None of the above

16.

An external style sheet uses which file extension?

a)

ess

b)

css

c)

htm

d)

No file extension is necessary

17.

Which tag is used to associate a web page with an external style sheet?

a)

<target>

b)

<a>

c)

<include>

d)

<link>

18.

Select the CSS code that configures a background color of #eaeaea for an entire web page.

a)

body {background-color:#eaeaea;}

b)

document {background-page:#eaeaea;}

c)

body {bgcolor:#eaeaea;}

d)

None of the above

19.

Select the code that uses CSS to configure a class called "offer" with blue text that uses the Arial or sans-serif font typeface.

a)

#offer { color:blue; font-family:Arial,sans-serif;}

b)

.offer { color:blue; font-family:Arial,sans-serif;}

c)

offer { text:blue; font-family:Arial,sans-serif;}

d)

d. #offer { color:blue; font-family:Arial,sans-serif;}

20.

Use the _____ tag to code embedded styles on a web page.

a)

<link>

b)

<style> </style>

c)

<embed>

d)

none of the above

21.

Select the code that uses CSS to configure an id named "footer" that sets small, italic text.

a)

#footer { font-size: small; font-weight: italic;}

b)

.footer{ font-size: small; font-style: italic;}

c)

.footer { font-size: small; font-style: italic;}

d)

#footer { font-size: small; font-style: italic;}

22.

Use the ______ tag to configure a section of a web page that is physically separated from others.

a)

<div>…</div>

b)

<span>… </span>

c)

<a> … </a>

d)

<i> … </i>

23.

To associate an external style sheet with a web page, code:

a)

a link element in the body section of the web page

b)

a link element in the head section of the web page

c)

a style element in the body section of the web page

d)

a style element in the head section of the web page

24.

Choose the item that creates an image link to the school.htm page when the school.gif graphic is clicked.

a)

<a href="school.htm" src="school.gif" alt="school">    </a>

b)

<a href="school.htm"><img src="school.gif" alt="school">  </a>

c)

<img src="school.gif" href="school.htm" alt="school">

d)

none of the above

25.

Choose the attribute used to provide accessibility by configuring a text alternative that is available to browsers and other user agents that do not support graphics.

a)

alt

b)

text

c)

src

d)

none of the above

26.

The tag used to create a horizontal line on a web page is:

a)

<hl>

b)

<br>

c)

<hr>

d)

<line>

27.

The ______ is the area between the content and the margin.

a)

border

b)

spacing

c)

padding

d)

none of the above

28.

Use the ______________ property to configure rounded corners with CSS.

a)

border-round

b)

border-radius

c)

box-shadow

d)

background-corner

29.

The CSS3 ______ property configures the transparency of an element.

a)

opacity

b)

transparency

c)

background-opacity

d)

opacity-background

30.

To apply a style to one or more elements on a web page, configure a CSS __________.

a)

group

b)

id

c)

class

d)

None of the above

31.

Choose the example below that configures a comment in CSS.

a)

<! comment !>

b)

// comment //

c)

/* comment */

d)

<< comment >>

32.

The ________ attribute of the anchor tag can cause the new web page to open in its own browser window.

a)

target

b)

window

c)

id

d)

href

33.

To define the distance between the edges of each cell in a table use the _____ attribute.

a)

cellpad

b)

cellpadding

c)

cellspacing

d)

cellborder

34.

To define the distance between the cell text and the cell border in a table, use the ____ attribute.

a)

cellpad

b)

cellpadding

c)

cellspacing

d)

cellborder

35.

Use the ____ tag pair to begin and end a table row.

a)

<td> </td>

b)

<tr> </tr>

c)

<table> </table>

d)

none of the above

36.

Use the ____ tag pair to configure table headings.

a)

<td> </td>

b)

<th> </th>

c)

<head> </head>

d)

none of the above

37.

An HTML table is comprised of ____ and ______.

a)

lines and text

b)

headers and body

c)

rows and columns

d)

none of the above

38.

Select the statement below that is true about forms.

a)

The <form> tag is optional

b)

It is recommended to use mailto: as the action on a form since that is the easiest for the web developer

c)

A form can be used to pass information to a program or script on the web server

d)

none of the above is true

39.

Select the HTML tag below that configures a button that, when clicked, will automatically reset form fields to their default values.

a)

<input type="reset">

b)

<button type="reset">Reset</button>

c)

<input type="button" value=“Reset” >

d)

both a and b

40.

Select the form control below that would be appropriate to accept comments about your web site.

a)

select list

b)

text box

c)

scrolling text box

d)

None of the above

41.

Select the type of form control that disguises the characters that are typed.

a)

text

b)

password

c)

encrypt

d)

textbox

42.

Select the form control from the choices below that may be used to submit a form.

a)

<input type="submit" >

b)

<submit></submit>

c)

<input type="button" value="submit" >

d)

<select option="submit" >

43.

The purpose of the __________ is to configure a label for a

.

a)

<label>

b)

<p>

c)

<form>

d)

<legend>