wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML / CSS Test

Total questions: 111

Worksheet time: 3hrs 56mins

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.

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

5.

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">

6.

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>

7.

Which tag defines the visible content of a web document?

a)

<head>

b)

<meta>

c)

<title>

d)

<body>

8.

What tag defines the beginning of a webpage?

a)

<html>

b)

<h1>

c)

<p>

d)

<body>

9.

A properly coded HTML tag will always be found between which two symbols?

a)

( )

b)

{ }

c)

[ ]

d)

< >

10.

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

11.

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" />

12.

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>

13.

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>

14.

HTML stands for

a)

Hyper Text Marker Language

b)

Hyper Text Marker Lingo

c)

Hyper Text Markup Language

d)

Hyper Text Markup Lingo

15.

CSS stands for

a)

Code Style Sheet

b)

Coding Style Sheet

c)

Cascading Sheet Style

d)

Cascading Style Sheet

16.

HTML tag keywords are surrounded by

a)

!--tag--!

b)

<tag>

c)

/tag/

d)

{tag}

17.

Which is the correct CSS syntax?

a)

body {color: yellow;}

b)

body:color=yellow;

c)

{body:color= yellow;}

d)

{body;color: yellow;}

18.

Which one is the correct syntax for CSS?

a)

property {selector : value}

b)

value {property : selector}

c)

selector {value : property}

d)

selector { property : value}

19.

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

20.

http://www.google.com is an example of a what?

a)

URL

b)

IP address

c)

Browser

d)

Application

21.

Where is the paragraph tag?

22.

The special set of characters that indicates the start and end of an HTML element and that element's type​ (a)  

Choose from the below words

HTML Tag

HTML Element

23.

What is this symbol(s) called: <>

a)

A tag

b)

A weird triangle thing

c)

a paragraph

d)

a code

24.

What is this symbol(s) called: </>

a)

A closing tag

b)

A square

c)

An opening tag

d)

An arrow

25.

Body tags are used;

a)

Used for only the header

b)

Used only for the paragraph

c)

element that wraps everything that is visible on the page.

d)

Not used in HTML

26.

Select all the closing tags:

a)

<p>

b)

</h1>

c)

</li>

d)

<ol>

e)

</ul>

27.

The ____ tag creates a paragraph.

a)

<p>

b)

<par>

c)


<para>

d)


<pr>

28.

Heading

a)

Smallest Heading Tag

b)

A title or summary for a document or section of a document.

c)

This tag helps create a list. and must be contained inside either the <ul> or <ol> tags.

d)

Any character that shows up as a blank space on the screen, such as a space, a tab, or a new line; helps separate different parts of the document to make it easier to read

29.

HTML coding involves using ____________ to create webpages.

a)


elements

b)

symbols

c)

commands

d)


tags

30.

Which is the closing tag for a paragraph?

a)

<p>

b)

</p>

31.

The address of a document or other file accessible on the Internet

a)

URL

b)

HTML

c)

CSS

d)

Browser

32.

What does HTML stand for?

a)

Hypertext Markup Language

b)

Hypertext Makeup Language

c)

Hypotext Markup Language

d)

Hypertext Mist Language

33.

Web pages are divided into two main sections

a)

Head and Title

b)

Title and Paragraph

c)

Head and Body

d)

Begin and End

34.

Which is the opening tag for an html document?

a)

<html/>

b)

html>

c)

</html>

d)

<html>

35.

How many heading are there?

a)

5

b)

6

c)

4

d)

3

36.

Which is the italics tag?

a)

<i><i>

b)

</i><i>

c)

<i></>

d)

<i></i>

37.

Placing of one set of tags inside another is?

a)

Nesting

b)

Stand Alone Tags

38.

Every HTML document must have the following

a)

html,head,title,body

b)

html,body,paragraph,end

c)

head,body,title

d)

head and body

39.

What do you call a program that interprets HTML?

a)

Webpage

b)

Website

c)

Web browser

d)

Web

40.

What do you call a document that can be accessed through the world wide web?

a)

Webpage

b)

Website

c)

Web browser

d)

Web search engine

41.

Group of webpages is called _____.

a)

Website

b)

Web browser

c)

Web Search engine

d)

None of the above

42.

<p> </p>

a)

paragraph tags

b)

heading tags

c)

hyperlink

d)

picture tag

43.

The <body> contains everything that is displayed on the webpage.

a)

True

b)

False

44.

The LAST tag on a HTML document

a)

</body>

b)

<html>

c)

</html>

d)

None on the above

45.

</body>

a)

Opening Body tag

b)

Paragraph tag

c)

Closing body tag

d)

Header tag

46.

The correct way to write an h1 tag

a)

<h1>Hello</h1>

b)

<h1>"Hello

c)

{h1}Hello{/h1}

d)

<h1>Hello<h1>

47.

Inserts a line break

a)

<hr>

b)

<br>

c)

<ol> </ol>

d)

<li> </li>

48.

a)

<title>The 90s</title>

b)

<h1>The 90s</h1>

c)

<head>The 90s</head>

d)

<li>The 90s</li>

49.
a)

<h1>The 90s</h1>

b)

<p>The 90s</p>

c)

<body>The 90s</body>

d)

<html>The 90s</html>

50.
a)

Welcome to Mr. Anderson's Website

b)

<h1>Welcome to Mr. Anderson's Website</h1>

c)

<Welcome to Mr. Anderson's Website>

d)

<title>Welcome to Mr. Anderson's Website</title>

51.

Which of the following is the largest heading tag?

a)

<h1>

b)

<h3>

c)

<h5>

d)

<h6>

52.

What is the correct HTML for adding a background color?

a)

<body bgcolor=pink>

b)

<background color=pink>

c)

<body bgcolour=pink>

d)

<background bg=Pink>

53.

Which character is used to indicate an end tag?

a)

~

b)

/

c)

*

d)

<

54.

HTML comments start with <!-- and end with -->

a)

True

b)

False

55.

Which HTML attribute contains the address or location of an image?

a)

alt

b)

title

c)

src

d)

longdesc

56.

What is wrong with the following html code?


<html>

<head><title></title></head>

<body>

</html>

a)

Nothing is wrong with the HTML code

b)

Missing opening body

c)

Missing closing body

d)

Missing the title text

57.

The ______ declaration defines that this document is an HTML5 document

a)

<head>

b)

<!DOCTYPE html>

c)

<body>

d)

<html>

58.

What element to use when you wanted your text to appear as deleted text

a)

<em>

b)

<del>

c)

<ins>

d)

<erase>

59.

What HTML element that defines text that should be highlighted.

a)

<del>

b)

<ins>

c)

<mark>

d)

<strong>

60.

The HTML _________ element to used to text, where the browser will usually underline the inserted text.

a)

<ins>

b)

<mark>

61.

<MARQUEE> tag is used to

a)

Underline text

b)

scrolling text

c)

Mark text

62.

Attributes of font

a)

colour

b)

color

c)

face

d)

style

e)

size

63.

Which HTML tag is used to create subscript text?

a)

<sup>

b)

<sub>

c)

<subscript>

d)

<down>

64.

Which container element is used to physically make the text size smaller and move it up?

< (a)   >

65.

What editing element would being used to make the word milk appear as it is in the image?

< (a)   >

66.

What element would be used to make the number 2 appear as it is in the image?

< (a)   >

67.

What element would be used to make the letters st appear as they do in the image?

< (a)   >

68.

What editing element would being used to make blue appear as it is in the image?

< (a)   >

69.

Which container element is used to make text slant to the right for formatting purposes only?

< (a)   >

70.

"src" stands for _________.

a)

source

b)

sound

c)

scroll

d)

scrouse

71.

Select the right format for ending tag:

a)

<\html>

b)

<html/>

c)

</html>

d)

<|html>

72.

Which is the correct line of code?

a)

<p></p>This is a paragraph

b)

This is a paragraph<p></p>

c)

<p>This is a paragraph</p>

d)

</p>This is a paragraph<p>

73.
What does HTML stand for?
a)
Hypertext Medium Language
b)
Hippo Tries Making Licorice
c)
Hypertext Markup Lingo
d)
Hypertext Markup Language
74.
The following tag will show a bulleted list
a)
<ul>
b)
<ol>
c)
<li>
d)
<list>
75.

What tag do you use to make a numbered list?

a)

<list>

b)

<ol>

c)

<li>

d)

<ul>

76.

TRUE OR FALSE: HTML is used to structure content on a web page.

a)

True

b)

False

77.
Jerry wants to insert a line break into his webpage. Which code should he use?
a)
<ul>
b)
<li>
c)
<br>
d)
<h1>
78.

Annie wants the name of her product to be the main heading at the top of her webpage. Which tag defines the main(largest) heading in a web document?

a)
<h3>Product</h3>
b)
<h5>Product</h5>
c)
<h1>Product</h1>
d)
<h6>Product</h6>
79.
A properly coded HTML tag will always be found between which two symbols?
a)
( )
b)
{ }
c)
[ ]
d)
< >
80.

Between which paired tags would the visible content of a web page be displayed? Another word, where should you type in ALL your HTML code in the Web Lab on code.org?

a)
<html></html>
b)
<head></head>
c)
<body></body>
d)
<title></title>
81.

Which one is the smallest heading?

a)

h1

b)

h2

c)

h4

d)

h6

82.

All HTML Tags are enclosed in _______

a)

# and #

b)


< and >

c)

? and !

d)


{ and }

83.

There are ____ levels of headings we can use in HTML.

a)

4

b)

5

c)

6

d)

7

84.

What is the first tag that you put in a html document?

a)

<head>

b)


<header>

c)


<DOCTYPE html>

d)

<!DOCTYPE html>

85.

Which of the following is the last tag in an html document?

a)

</end>

b)


</footer>

c)


</body>

d)

</html>

86.

The ____ tag creates a paragraph.

a)

<p>

b)

<par>

c)


<para>

d)


<pr>

87.

Which character is used to create an end or closing tag?

a)

*

b)

/

c)

<

d)

^

88.

Order the following headers from the BIGGEST to the SMALLEST.

a)

h1

b)

h2

c)

h3

d)

h4

e)

h5

1)
2)
3)
4)
5)
89.

The content of a webpage is the text, images and any other elements include between the body tags.

a)

True

b)

False

90.

HTML coding involves using ____________ to create webpages.

a)


elements

b)

symbols

c)

commands

d)


tags

91.

The very first line of an HTML web page is

a)

<html>

b)

<body>

c)

<!DOCTYPE>

d)

<p>

92.

This tag is placed right under the <!DOCTYPE> tag.

a)

<html>

b)

<head>

c)

<body>

d)

<p>

93.

The closing html tag </html> is all the way at the bottom of the file (the last line)

a)

True

b)

False

94.

Mr. Brobst told the class not to put any content inside the <head></head> tags

a)

True

b)

False

95.

You can only use one set of paragraph tags <p> </p> in a web page file.

a)

True

b)

False

96.

There is only one <body> element in an HTML document.

a)

True

b)

False

97.

What tag holds all the contents of a web page that you want a user to see (text, images, videos, etc.)?

a)

<head>

b)

<body>

c)

<p>

d)

<title>

98.

What tag is used to define a paragraph of text?

a)

<head>

b)

<body>

c)

<p>

d)

<title>

99.

What language is used to create web pages?

a)

HTML

b)

BASIC

c)

Fortran

d)

Pascal

100.

What is a way to look at the code that makes up a web page (We did this in class on Wednesday)

a)

Buy expensive software that lets you see the code

b)

Ask ChatGPT

c)

It is impossible to view the code

d)

Right-click and select "View page source"

101.

What does HTML stand for?

a)
Hypertext Markup Language
b)
Hypertext Markup Linguistics
c)
Hyperlink Text Markup Language
d)
Hyper Text Markup Language
102.

What does CSS stand for?

a)
Cascading Script Sheets
b)
Coding Style Sheets
c)
Computer Style Sheets
d)
Cascading Style Sheets
103.

What does <h> mean in html?

a)
It is an HTML tag used to define headings.
b)
It is an HTML tag used to define links.
c)
It is an HTML tag used to define images.
d)
It is an HTML tag used to define paragraphs.
104.

What does <p> mean in HTML?

a)
A tag used to define a link
b)
A tag used to define a heading
c)
A tag used to define a paragraph
d)
A tag used to define a page
105.

How would you add a border of 1 pixel solid black to an image?

a)
Set the 'border' property of the image to '1px dashed black'.
b)
Set the 'border' property of the image to '2px solid black'.
c)
Set the 'border' property of the image to '1px solid red'.
d)
Set the 'border' property of the image to '1px solid black'.
106.

What is the correct tag for a second level heading?

a)

<h2>

b)

<h1>

c)

<h3>

d)

<h4>

107.

Which displays an image on the webpage?

a)

<img>

b)

<image>

c)

<i>

d)

<imge>

108.

Which HTML tag is used to create a numbered list?

a)

<ul>

b)

<ol>

c)

<li>

d)

<dl>

109.

Which attribute is used to specify the URL of a linked resource in an <a> tag?

a)

src

b)

href

c)

link

d)

ref

110.

What is the purpose of the <title> tag in an HTML document?

a)

To create a special type of list item

b)

To define the title of a table

c)

To specify the title of the document, shown in the browser's title bar or tab

d)

To create a section heading

111.

What is your Top school of choice? What is their website? What is their physical address? What is their admission office phone number? What is their financial aid office phone number?

4 lines