wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Web Development: HTML/CSS Basics

Total questions: 25

Worksheet time: 21mins

Name
Class
Date
1.
Jerry wants to insert a line break into his webpage. Which code should he use?
a)
<ul>
b)
<li>
c)
<br>
d)
<h1>
2.
What is the proper code to insert an image named "frog.jpg"?
a)
<img src="frog" width="104" height="142">
b)
<img="frog.jpg" width="104" height="142">
c)
<img src="frog.jpg" width="104" height="142">
d)
<img ="frog" width="104" height"142">
3.
Annie wants the name of her product to be the main heading at the top of her webpage. Which tag defines
the main heading in a web document?
a)
<h3>Product</h3>
b)
<h5>Product</h5>
c)
<h1>Product</h1>
d)
<h6>Product</h6>
4.
Between which paired tags would the visible content of a webpage be displayed?
a)
<html></html>
b)
<head></head>
c)
<body></body>
d)
<title></title>
5.

What is the difference between HTML and CSS?

a)

HTML provides the content, CSS provides the pictures

b)

HTML provides the structure & content, CSS provides the color / look of the web page

c)

HTML and CSS are the same thing

d)

None of the above

6.

How do you make an image code?

a)

<img src="..." alt="...">

b)

<image source="..."> <alt>

</image> </alt>

c)

<image src="..." alt="...">

d)

None of the above

7.

What does CSS stand for?

a)

Cascading Style Sheets

b)

Colorful Style Sheets

c)

Computer Style Sheets

d)

Creative Style Sheets

8.

Where in an HTML document is the correct place to refer to an external style sheet (style.css)?

a)

At the end of the document

b)

In the <body> section

c)

In the <head> section

9.

Which rule set is written correctly?

a)

A

b)

B

c)

C

d)

D

10.

Which property is used to change the background color?

a)

background-color

b)

color

c)

bgcolor

d)

border-color

11.

How do you add a background color for all <h1> elements?

a)

A

b)

B

c)

C

d)

D

12.

Which CSS property controls the text size?

a)

text-size

b)

font-size

c)

text-style

d)

font-style

13.

Which property is used to change the font of an element?

a)

font-style

b)

font-family

c)

font-weight

14.

Which number shows how to add a style sheet?

a)

1

b)

2

c)

3

d)

4

15.

Which code would style the following picture?

a)

A

b)

B

c)

C

d)

D

16.

Which rule-set would make all paragraphs text in your web page blue and centered?

a)

A

b)

B

c)

C

d)

D

17.

Which of the following property is used to set the height of an image?

a)

border

b)

height

c)

width

d)

weight

18.

What does the "alt" tag do when added to the <img> tag?

a)

Adds an alternative location where the image file can be found

b)

Adds text under the image

c)

Adds text that describes the image if the image cannot load

d)

Adds an alternative image to show if the user doesn't like the first one

19.
a)
b)
c)
d)
20.

The web developer wants to make the "My Page" text larger. Which TWO of the following would work? (Choose TWO)

a)

Use <h6> instead of <h3>

b)

Use <h1> instead of <h3>

c)

Put the "My Page" text inside the tags.

d)

Use CSS to set the font-size property of the h3 tag

e)

Put the code style="larger" inside the h3 tag.

21.

Which of the following is true about copyright?

a)

If an image is already on one web page, it's okay to use it on any web page.

b)

If you make a lot of changes to an image, you do not need the permission of the original creator to post it on your site.

c)

Image creators can decide both who can use their images and how the images can be used.

d)

If there is no copyright information for an image, anyone is free to use it on their own sites.

e)

You must always contact the creator for permission to use an image on your site.

22.
a)
b)
c)
d)
23.
a)
b)
c)
d)
24.

Which rule set is written correctly?

a)

A

b)

B

c)

C

d)

D

25.

What is finding and fixing problems in code?

a)

debugging

b)

solution

c)

car wash

d)

wax