wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Intro to HTML & CSS

Total questions: 35

Worksheet time: 31mins

Name
Class
Date
1.

Which of the following codes starts a set of HTML code?

a)

<html>

b)

<doctype html>

c)

<!DOCTYPE HTML>

d)

<doctype><html>

2.

Which of the following symbols indicates an ending tag in HTML?

a)

;

b)

/

c)

<>

d)

!

3.

How do you set up the body for your html web page?

a)

<b>

b)

<bo>

c)

<body>

d)

<doc>

4.

Which of the following BEST explains the difference between a <p> tag and a <br> tag?

a)

The <br> tag produces a blank line, while the <p> tag does not

b)

The <p> tag produces a blank line, while the <br> tag does not

5.

Which of the following lists includes EVERY type of code needed to make an unordered list?

a)

<ab> ... <li> .... </li> ... </ab>

b)

<unL> ... <li> .... </li> ... </unL>

c)

<ol> ... <li> .... </li> ... </ol>

d)

<ul> ... <li> .... </li> ... </ul>

6.

When should you use the <ol> code to make a list?

a)

Steps for a recipe

b)

Top 10 items

c)

List of names

d)

None of the above

7.

When should you use the <ul> code to make a list?

a)

Top 5 Chef Favorites

b)

Ingredients list

c)

Steps to complete a recipe

d)

None of the above

8.

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

9.

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

10.

How can you select all of the h3 tags on the webpage at one time to change the font color to blue?

a)

#allh1s { color: blue; }

b)

#h1 {blu}

c)

h1 {color: blue;}

d)

<h1 font-color="blue">

11.
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.
12.
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>
13.
Jerry wants to insert a line break into his webpage. Which code should he use?
a)
<ul>
b)
<li>
c)
<br>
d)
<h1>
14.
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
15.
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">
16.
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>
17.
Which tag defines the visible content of a web document?
a)
<head>
b)
<meta>
c)
<title>
d)
<body>
18.
Which tag will create a line break in a web document?
a)
<hr>
b)
<br>
c)
<h1>
d)
<body>
19.
What tag defines the beginning of a webpage?
a)
<html>
b)
<h1>
c)
<p>
d)
<body>
20.
A properly coded HTML tag will always be found between which two symbols?
a)
( )
b)
{ }
c)
[ ]
d)
< >
21.
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" />
22.
Which tag provides information about a web site?
a)
<body>
b)
  <html>
c)
<meta>
d)
<title>
23.
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>
24.
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>
25.

<p> </p>

a)

paragraph tags

b)

heading tags

c)

hyperlink

d)

picture tag

26.

The LAST tag on a HTML document

a)

</body>

b)

<html>

c)

</html>

d)

None on the above

27.

<body>

a)

Opening body tag

b)

Paragraph tag

c)

Closing body tag

d)

Header tag

28.

What goes in the <head> section

a)

Links

b)

Title

c)

Hair

d)

Body

29.

a)

<title>The 90s</title>

b)

<h1>The 90s</h1>

c)

<head>The 90s</head>

d)

<li>The 90s</li>

30.
a)

<h1>The 90s</h1>

b)

<p>The 90s</p>

c)

<body>The 90s</body>

d)

<html>The 90s</html>

31.
HTML tags should always be enclosed in
a)
Curly Braces { }
b)
Angle Brackets < >
c)
Parentheses ( )
d)
Square Brackets [ ]
32.

___________ defines the least important heading.

a)

HTML

b)

Head

c)

H1

d)

H6

33.
Text that when clicked takes the user to a different webpage of website is known as...
a)
A Hyperlink
b)
A Hotspot
c)
A Slice
d)
A Text Frame
34.
Which line contains an error:
1. <html>
2. <head> <title>Hello World!<title>
3. </head>
4. </html>
a)
Line 1
b)
Line 2
c)
Line 3
d)
Line 4
35.
Which of the following is NOT a function of the <title> </title> element?
a)
Defines a title in the browser tab.
b)
Provides a title for the page when added to favorites/bookmarks
c)
Creates the first heading on the index page of the website
d)
Displays a title for the page in search engine results