wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

KP Unit 1: HTML & CSS

Total questions: 42

Worksheet time: 34mins

Name
Class
Date
1.

HTML stands for...

(a)  

2.

These tags define the start & end of a paragraph. Paragraphs are blocks of text on your web page.

a)

<p>

b)

<P>

c)

</p>

d)

<h1>

3.
Google Chrome, Mozilla Firefox and Microsoft Edge are all examples of what?
a)
Search engines
b)
Websites
c)
Web Browsers
d)
Text editors
4.

The 7th grade students want to make a list of the winners of a race using numbers They would use which HTML tag?

a)

<ul></ul>

b)

<ol></ol>

c)

<list></list>

5.

This coding is used to create a paragraph:

a)

<pr></pr>

b)

<p></p>

c)

<para></para>

d)

<par></par>

6.

A piece of a website, marked by a start tag and often closed with an end tag.

a)

HTML Element

b)

HTML Object

c)

HTML Piece

d)

HTML Tag

7.

This tag contains information about your webpage, also called the metadata.

a)

<head>

b)

<header>

c)

<title>

d)

<body>

8.

This tag represents and unordered list.

a)

<ol>

b)

<li>

c)

<ul>

d)

<un>

9.

More than 90 percent of websites on the Internet are coded using HTML.

a)

True

b)

False

10.

Match the correct end tag...

<body>

a)

</body>

b)

<\body>

c)

</BODY>

d)

<body/>

11.

Which tag pair is used to create the largest heading?

a)

<h1></h1>

b)

<h9></h9>

c)

<h type = "largest"></h>

d)

<h6> </h6>

12.

This tag indicates the beginning of your code written in HTML.

a)

<li>

b)

<!DOCTYPE html>

c)

<html>

d)

</html>

13.

When coding an ordered or unordered list, each separate item in the list uses this tag:

a)

<li></li>

b)

<list></list>

c)

<item></item>

14.

Which of the following pieces of code will create a horizontal line across the page?

a)

<hr>

b)

<line>

c)

<p>

d)

<grid>

15.
<!DOCTYPE> 
a)
Defines the document type
b)
Defines a comment
c)
Defines the document's body
d)
Defines information about the document
16.
What does the tag <br> indicate?
a)
ordered list
b)
image
c)
paragraph
d)
break
17.
HTML tags are always surrounded by
a)
( )
b)
{ }
c)
< >   
d)
"  "
18.

The <img> tag has two required attributes. Which answer is not correct?

a)

src - Specifies the path to the image

b)

alt - Specifies an alternate text for the image

c)

style - used to add CSS to an element

19.

The <img> tag is empty, it contains attributes only, and does not have a closing tag.

a)

True

b)

False

20.

Images are put inside ________ tags.

a)

<img>

b)

<image>

c)

<ig>

21.

src stands for ________.

a)

source

b)

serial

c)

sourcing

d)

soars

22.

The ____ attribute describes the picture, e.g.

a)

<img>

b)

src=""

c)

alt=""

23.

Which is the correct syntax for a link?

a)

<a href="url">link text</a>

b)

<a href="url" link text>

c)

<a href=url>link text</a>

d)

<a href="url" link text</a>

24.

What is the purpose of the target attribute in the code above?

a)

It tells the browser to make your screen blank when you click the link.

b)

It tells the browser to open the link in the same tab when you click the link.

c)

It tells the browser to open the link in a new tab when you click the link.

d)

It tells the browser to open the link in a different browser when you click the link.

25.

Which attribute contains the URL to a linked web page?

a)

href

b)

type

c)

src

d)

name

26.
What is the syntax for adding an image in HTML?
a)
<image>image.jpg</image>
b)
<img src='image.jpg' alt='Description of the image'>
c)
<image src='image.jpg' alt='Description of the image'>
d)
<img>image.jpg</img>
27.
What type of list is this?
a)
Ordered
b)
House
c)
Bulleted
d)
Unordered
28.
What type of list is this?
a)
Numbered
b)
Ordered
c)
Unordered
d)
Food
29.

Ordered lists are used...

a)

To display a list of items that need to be in a specific order

b)

To display a list of items that can be in any order

c)

To display descriptions of items in a list

d)

To display a list of randomly generated items

30.

Where does the content visible to users go in an HTML document?

a)

<head>

b)

<title>

c)

<body>

d)

<meta>

31.

Which set contains all of the DEFAULT tags needed to create a webpage?

a)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

b)

<html>

<head>

</head>

<body>

</body>

</html>

c)

<!DOCTYPE html>

<html>

<head>

</head>

</html>

d)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

32.

Which tag is used to create a line break in HTML?

a)

<line>

b)

<break>

c)

<br>

d)

<lb>

33.

Which attribute is used to provide alternative text for an image in HTML?

a)

alt

b)

text

c)

title

d)

src

34.

What is the correct tag to create a numbered list in HTML?

a)

<ul>

b)

<ol>

c)

<li>

d)

<list>

35.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
36.
What is the difference between HTML and CSS?
a)
CSS is one type of HTML
b)
HTML gives a webpage structure. CSS provides styling.
c)
CSS structures a webpage. HTML strictly provides styling.
d)
There is no difference.
37.
The style that you are applying to a selector, e.g. border.
a)
Property
b)
Value
c)
Keyword
d)
Length Units
38.
If you want to have more than one property for a CSS selector, what character separates them?
a)
comma (,)
b)
semi-colon (;)
c)
colon (:)
d)
dash (-)
39.

The color this element will be________

a)

Blue

b)

Red

c)

Green

d)

No color

40.

Looking at the picture below, based on those 3 important rules to remember, what will the color of the text be?

a)

Red

b)

Blue

c)

No color

d)

White

41.

Which one is a PROPERTY?

a)

width:

b)

1000px;

c)

#wrapper

42.

Why add CSS to your webpage?

a)

Control the look of your page

b)

Add elements like text & images

c)

Make your page interactive