Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CodeHS Web Design

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

True or False: As long as you cite your sources, you can put any image you find online on your website.

a)

True

b)

False

2.

Which of the following actions will help you avoid violation of copyright laws?

a)

Always cite the source of the image

b)

Check the copyright of the image to make sure it can be used by

others without permission

c)

Limit your searches to public domain images

d)

All of the above

3.

Which of the following HTML code snippets would produce this on a web page:

*Apples

*Bananas

*Oranges

a)

<ul>

Apples

Bananas

Oranges

</ul>

b)

<ol>

Apples

Bananas

Oranges

</ol>

c)

<ul>

<li>Apples</li>

<li>Bananas</li>

<li>Oranges</li>

</ul>

d)

<ol>

<li>Apples</li>

<li>Bananas</li>

<li>Oranges</li>

</ol>

4.

Which of the following tags defines a table row?

a)

<table>

b)

<tr>

c)

<th>

d)

<td>

5.

Which of the following tags defines a table header?

a)

<table>

b)

<tr>

c)

<th>

d)

<td>

6.

Which of the following HTML code snippets will generate the following table?

a)

<table border="1">

<tr>

<th>Name</th>

<th>Score</th>

</tr>

<tr>

<td>Karel</td>

<td>32</td>

</tr>

</table>

b)

<table border="1">

<tr>

<td>Name</td>

<td>Score</td>

</tr>

<tr>

<td>Karel</td>

<td>32</td>

</tr>

</table>

c)

<table border="1">

<tr>

Name

Score

</tr>

<tr>

Karel

32

</tr>

</table>

d)

<table border="1">

<th>Name</th>

<th>Score</th>

<td>Karel</td>

<td>32</td>

</tr>

</table>

7.

Which of the following HTML code snippets is the proper way to set the background color of an <h1> tag

to be blue?

a)

<blue>

<h1>Hello</h1>

</blue>

b)

<h1 background-color="blue">Hello</h1>

c)

<h1 style="blue">Hello</h1>

d)

<h1 style="background-color:blue;">Hello</h1>

8.

Which of the following is a valid color in HTML?

a)

“blue”

b)

“rgb(255, 0, 0)”

c)

“#00FF00”

d)

All of the above

9.

All of the colors you see on a computer screen are the result of a mixture of what three colors?

a)

red, yellow, blue

b)

green, orange, purple

c)

red, green, blue

d)

red, green, yellow

10.

What is generated from the following HTML code:

<h1>Hello</h1>

<h3>Hello</h3>

<h6>Hello</h6>

a)
b)
c)
d)
11.

What is the result of the following HTML code:

<ol>

<li>Bread</li>

<li>Milk</li>

<li>Eggs</li>

</ol>

a)
b)
c)
d)
12.

Which of the following is NOT a tag used when making HTML tables?

a)

<tr>

b)

<td>

c)

<te>

d)

<th>

13.

<h1 style="color:red;">

<h3 style="font-size:40px; background-color:blue;">

What is a problem with doing HTML styling as shown above?

a)

some tags cannot be styled

b)

you cannot do more than one style per tag

c)

there are only a limited number of colors you can use

d)

you have to code the style command each time you use the tag

14.

Which of the following correctly uses HTML styling?

a)

<h1 color=blue>Hello, World!</h1>

b)

<h1 "blue;">Hello, World!</h1>

c)

<h1 id="blue">Hello, World!</h1>

d)

<h1 style="color:blue;">Hello, World!</h1>

15.

How is the <th> tag different than the <td> tag?

a)

<td> tags can only be used on one row

b)

<th> tags make the font bold

c)

<td> tags cannot be used with images

d)

<th> tags make everything double spaced

16.

Which of the following is the correct HTML code to create a hyperlink that displays Click Me and

links to google.com?

a)

<a href="https://google.com">

Click Me

</a>

b)

<a href="Click Me">

https://google.com

</a>

c)

Click Me <a>https://google.com</a>

d)

<a>

Click Me

</a href="https://google.com">

17.

Which of the following lines of HTML code will insert an image into a webpage?

a)

<img>

https://codehs.com/static/img/logo.png

</img>

b)

<img>

src="https://codehs.com/static/img/logo.png"

</img>

c)

<img src="https://codehs.com/static/img/logo.png">

d)

<img https://codehs.com/static/img/logo.png>

18.

An image is hosted at

https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg

Which of the following is the proper HTML code to display this image on your webpage?

a)

<a href="https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg">Image</a>

b)

<img>https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg</img>

c)

<img src="https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg">

d)

<img src="https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg"></img>

19.

Suppose you have written a web page using HTML and it is hosted at the URL

yourdomain.com/home.html

Which of the following statements is true about which devices can view your website?

a)

Only browsers on desktop computers can view your website

because only desktop browsers can render HTML based web

pages.

b)

Only browsers on mobile phones can view your website because

only mobile browsers can render HTML based web pages.

c)

Only computers made after the day you publish your website can

view your website. Older computers can’t understand HTML.

d)

Any browser on any device will be able to view your webpage,

because all browsers and devices on the Internet agree to use the

same protocols for sending, receiving, and viewing webpages.

20.

When looking at the HTML tag <h1 style="font-size:60px;"> what does "px" mean?

a)

protocol

b)

paragraph

c)

percent

d)

pixel