wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML and CSS Basic Concepts

Total questions: 26

Worksheet time: 26mins

Name
Class
Date
1.

Software that is used to translate code to readable web pages is a browser like Google Chrome and Firefox

a)

true

b)

false

2.
What does HTML stand for?
a)
Hypertext Medium Language
b)
Hippo Tries Making Licorice
c)
Hypertext Markup Lingo
d)
Hypertext Markup Language
3.

Which of the following is an opening HTML tag?

a)

</html>

b)

<<html>>

c)

<html>

d)

<html/>

4.

Which one of the following is a closing HTML tag?

a)

<html />

b)

</html>

c)

<</html>>

d)

<html>

5.
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>
6.

What is the <p> tag used for?

a)

Defines a paragraph.

b)

Makes the text purple.

c)

It pushes the text to the right.

d)

Prints the webpage.

7.

Which character is used to indicate an HTML end tag?

a)

*

b)

<

c)

/

d)

^

8.

To create the largest possible "Heading" in HTML, which tag is correct?

a)

<HeadingLarge>

b)

<Head>

c)

<h1>

d)

<h+>

9.
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">
10.

the <a> tag

a)

Defines an article tag

b)

Defines an HTML link

c)

Defines a line break

d)

Defines the area

11.

Which line of code correctly creates a link to Piskel's website?

a)

<a ref=https://www.piskelapp.com/>Visit Piskel

b)

<href=https://www.piskelapp.com/>Visit Piskel<a>

c)

<a "https://www.piskelapp.com/">

d)

<a href="https://www.piskelapp.com/">Visit Piskel</a>

12.
HTML attributes always appear where?
a)
In the opening tag
b)
In the closing tag
c)
Between the tags
d)
After the closing tag
13.

In the element <para id="demo">change me</p> the id="demo" is the

a)

tag

b)

css style

c)

attribute

d)

selector

14.

How do you divide your webpage?

a)

<d></d>

b)

<divide></divide>

c)

<div></div>

d)

<section></section>

15.

You should save HTML files with which file extension?

a)

.htm

b)

.index

c)

.webpage

d)

.html

16.

TRUE OR FALSE: CSS is used to style web pages

a)

True

b)

False

17.

What does CSS stand for?

a)

Creative Style Sheets

b)

Cascading Style Sheets

c)

Colorful Style Spread

d)

Computer Style Spread

18.
Which is the selector in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
19.
Which is the value in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
20.
Which is the selector for a link?
a)
a { }
b)
link { }
c)
href { }
d)
a href { }
21.

Which one is the correct syntax for CSS?

a)

property {selector : value}

b)

value {property : selector}

c)

selector {value : property}

d)

selector { property : value}

22.
Select the code below that uses CSS to configure a background color of #000000 for a web page.
a)
body { background-color: #000000; }
b)
body { bgcolor: #000000; }
c)
document { background­-page: #000000; }
d)
None of these
23.
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 (-)
24.
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.
25.
What tags do you use for html?
a)
<>
b)
{}
c)
()
d)
[]
26.
What tags do you use in CSS?
a)
<>
b)
{}
c)
()
d)
[]