wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CodeHS - Web Design Test on HTML & CSS

Total questions: 35

Worksheet time: 18mins

Name
Class
Date
1.
What is the difference between an HTML Tag and an HTML element?
a)
An HTML Tag is case sensitive and an HTML element is not case sensitive.
b)
An HTML Tag is always paired and an HTML element is an "empty" tag.
c)
An HTML Tag defines content and an HTML Element includes the opening and closing tags and everything in between.
d)
An HTML Tag defines content and an HTML Element gives additional meaning and content.
2.
Karen wants to begin a new line within a paragraph of text on a webpage. Which code should she use?
a)
<li>
b)
<h1>
c)
<hr>
d)
<br>
3.
Jerry wants to insert a line break into his webpage. Which code should he use?
a)
<ul>
b)
<li>
c)
<br>
d)
<h1>
4.
John wants the name of his book to appear in search results for Google. Where should this information be
placed within his webpage?
a)
head
b)
meta
c)
body
d)
nav
5.
Which item refers to the start tag, the end tag and everything in between?
a)
HTML Element
b)
HTML Tag
c)
HTML Attribute
d)
CSS
6.
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">
7.
The World Wide Web Consortium (W3C) plays which role in the web development standards?
a)
It creates websites accessible to everyone.
b)
It develops the standards for HTML and CSS.
c)
It develops web browsers.
d)
It is the agency that controls the World Wide Web.
8.

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>

9.
Which tag defines the visible content of a web document?
a)
<head>
b)
<meta>
c)
<title>
d)
<body>
10.
Which tag will create a line break in a web document?
a)
<hr>
b)
<br>
c)
<h1>
d)
<body>
11.
What tag defines the beginning of a webpage?
a)
<html>
b)
<h1>
c)
<p>
d)
<body>
12.
A properly coded HTML tag will always be found between which two symbols?
a)
( )
b)
{ }
c)
[ ]
d)
< >
13.
Anthony is creating a webpage on seals. To ensure that his page can be found through Google, Anthony must include pertinent information in which tag section?
a)
head
b)
meta
c)
  body
d)
nav
14.
When using a text editor, what file extension(s) must be used when saving as a web document?
a)
txt
b)
html or htm
c)
doc
d)
css
15.
Which line of code correctly places a gif image named "tiger" into a webpage?
a)
<img src="tiger" alt="BengalTiger" />
b)
<img gif=tiger alt="BengalTiger">
c)
<image source="tiger.gif" alt=BengalTiger" />
d)
<img src="tiger.gif" alt="BengalTiger" />
16.
Which tag provides information about a web site?
a)
<body>
b)
  <html>
c)
<meta>
d)
<title>
17.
Which line of code correctly creates a link to Amazon's website?
a)
<a ref=http://www.amazon.com>Amazon
b)
<href=http://www.amazon.com>Amazon<a>
c)
<a href="http://www.amazon.com">Amazon
d)
<a href="http://www.amazon.com">Amazon</a>
18.
Which of the following is the proper way to code an inline style attribute?
a)
color=blue
b)
color="blue"
c)
color blue
d)
color=(blue)
19.
Which is the correct code to insert a horizontal line in a webpage?
a)
<hr>
b)
<br>
c)
<h1>
d)
<li>
20.
Which item interprets the source code in a web document?
a)
Text editor
b)
Web browser
c)
  HTML editor
d)
Web server
21.
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>
22.
Which hyperlink shows an absolute link?
a)
href="www.nytimes.com">NYTimes</a>
b)
<a href="page1.html">Page One<a>
c)
<a href="http://www.target.com">Target<a>
23.
HTML can be written using Notepad, because notepad is a...
a)
Text Editor
b)
Web Browser
c)
Word Processor
d)
Word Formatter
24.

What are the basic tags to start a web page?

a)

<!DOCTYPE html>

<html>

<head> </head>

<title> </title>

<body> </body>

</html>

b)

<html>

<a> </a>

<p> </p>

<footer> </footer>

c)

<DOCTYPE>

<html>

<link> </link>

<ol> </ol>

<html>

d)

<!DOCTYPE html>

<body> </body>

<parapraph> </paragraph>

<title> </title>

<end> </end>

25.

What code is used for an ordered list?

a)

<ul> </ul>

b)

<ol> </ol>

c)

<list> </list>

d)

<p> </p>

26.

what code is used to make a hyperlink?

a)

<hyperlink> </hyperlink>

b)

<link>

c)

<p> </p>

d)

<a> </a>

27.

What code is used to make a bulleted list?

a)

<p> </p>

b)

<ol> </ol>

c)

<ul> </ul>

d)

<list> </list>

28.
Which HTML tag would you use to put text on a new line?
a)
<h1>
b)
<br>
c)
<hr>
d)
<tr>
29.
A HTML tag that requires no closing tag such as <br> or <hr> is known as...
a)
An Open Tag
b)
An Empty Tag
c)
A Full Tag
d)
A Half Tag
30.
Text than when clicked takes the user to a different webpage of website is known as...
a)
A Hyperlink
b)
A Hopspot
c)
A Slice
d)
A Text Frame
31.
Putting an image onto a web page is also known as...
a)
Embedding
b)
Linking
c)
Importing
d)
Entering
32.
#FFFFFF is the hexadecimal RGB value for which colour?
a)
White
b)
Black
c)
Red
d)
Blue
33.
Two different methods to change this; px and em
a)
font-size
b)
font-style
c)
font-weight
d)
font-family
34.
ID tag used within CSS
a)
<a></a>
b)
#word
c)
<h2></h2>
d)
<id></id>
35.
Changed the color of the background
a)
body {background-color:rgb);}
b)
h2 {color:rgb(blue);}
c)
h2 {background-color:rgb(blue);}
d)
body {color:rgb);}