wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML CPU practice quiz

Total questions: 14

Worksheet time: 8mins

Name
Class
Date
1.

Which properties can we use to make a frame around this image?

a)

margin: 20%;

b)

border: 10px ridge gold;

c)

font-weight: bold;

d)

width: 100%;

2.

Which properties can we use to re-size this heading?

a)

line-height: 50;

b)

width: 7em;

c)

font-weight: bold;

d)

font-size: 50px;

3.

Which tag can we use to make a paragraph like in the image?

a)

<h1>...</h1>

b)

<p>...</p>

c)

<strong>...</strong>

d)

<p>...<p>

e)

<h1>...<h1>

4.

Which tag can we use to make a content bold like in the image?

a)

<strong>...</strong>

b)

<bold>....</bold>

c)

<dark>...</dark>

d)

<b>...</b>

5.

Which tag can we use to emphasis text like in this image?

a)

<emphasis>...</emphasis>

b)

<emph>...</emph>

c)

<side>...</side>

d)

<em>...</em>

6.

Which tags should we use to make a list like in this image?

a)

<ul>...</ul>

b)

<li>...</li>

c)

<list>...</list>

d)

<ol>...</ol>

7.

Which properties should we use to make the paragraph font like in this image?

a)

font: cool;

b)

font-family: fancy;

c)

font-family: fantasy;

d)

font-style: fantasy;

8.

How can we make the spacing of each row of content more wide like in this image?

a)

line-height: 2em;

b)

<spacing>...</spacing>

c)

text-spacing: 2em;

d)

space: 2em;

e)

<br>

9.

Which properties can we use to center a paragraph automatically in any window size like this image?

a)

border: 2px solid blue;

b)

padding: 2em;

c)

margin: auto;

d)

width: 200px;

10.

Which properties can we use to have space between the content and the border like in this image?

a)

padding: 2em;

b)

border: 2px solid blue;

c)

margin: auto;

d)

width: 200px;

11.

Which properties can we use to make a scrollbar in a paragraph like in this image?

a)

width: 10em;

b)

overflow-x: hidden;

c)

height: 10em;

d)

overflow-y: scroll

12.

Which properties can we use to make the cat img be in the left of the paragraph like in this image?

a)

margin-left: 2px;

b)

img: left;

c)

float: left;

d)

clear: left;

13.

Which tag can we use to make a link like this image?

a)

<link>...</link>

b)

<a>...</a>

c)

<l>...</l>

d)

<li>...</li>

14.

Which properties can we use to re-size and squash a img like this image?

a)

width: 30em;

b)

tall: 30em;

c)

height: 3em;

d)

thick: 3em;