wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML and CSS Mastery

Total questions: 40

Worksheet time: 20mins

Name
Class
Date
1.

What is the biggest heading tags?

(a)  

2.

What tags start and end a paragraph tag?

a)

<p> </p>

b)

</pa> </p>

c)

<pa> </pa>

d)

</p> <p>

3.

What is the smallest heading tags?

(a)  

4.

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

< >

**hint just type in the word portion

(a)  

5.

What is the last tag in an html document?

a)

</html>

b)

<html>

c)

</body>>

d)

</footer>

6.

The ____ tag creates a paragraph.

a)

<pr>

b)

<p>

c)

<para>

d)

<par>

7.

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

a)

*

b)

<

c)

/

d)

^

8.

Specify an alternate text for the image.

The alternate text should say "Smiley".

Alternate text is useful when the image cannot be displayed, like when the page is read by a screen reader.

a)

<img src="smiley.gif" alt="Smiley">

b)

<img ="smiley.gif" alt="Smiley">

c)

<img src="smiley.gif" alt:"Smiley">

d)

<img src="smiley.gif" alt:Smiley>

9.
HTML Language uses
a)
Tabs
b)
Tags
c)
Punctuation
d)
Quotations
10.
<p> is
a)
punctuation tag
b)
closing paragraph tag
c)
closing punctuation tag
d)
paragraph tag
11.

Which is the correct HTML tag for creating an unordered list?

a)

<ul>

b)

<uline>

c)

<u>

d)

<under>

12.

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>

13.

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>

14.

What is the code for a style sheet?

a)

style.css

b)

style.html

c)

style.ccs

d)

style.ssc

15.

The stylesheet is used to

a)

code the css page.

b)

link css to the html page.

c)

add css to notepad++

d)

link java script to the html page.

16.

What is the proper CSS format for background color?

a)

back-ground color:orange:

b)

backgroundcolor-orange;

c)

background:color:orange;

d)

background-color:orange;

17.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
18.
Which is the value in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
19.
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 (-)
20.

Code this using CSS:

A pink title thats aligned to the center.

a)

H1 {color:pink;

text-align: center;}

b)

h1 {color:pink;

text-align: center;}

c)

li {color:pink;

text-align: center;}

d)

h1 {color:pink;

textalign: center;}

21.

Code this using CSS:

A paragraph with the font size of 35px and aligned to the right.

a)

p {fontsize 35px

text-aligned:right;}

b)

p {font-size: 38px;

text-aligned:right;}

c)

h1 {font-size: 35px;

text-aligned:right;}

d)

p {font-size: 35px;

text-aligned:right;}

22.

What is the difference between HTML and CSS?

a)

HTML codes the style of a webpage. CSS codes the structure of a webpage.

b)

Cascading Style Sheets

c)

HTML codes the structure of a webpage. CSS codes the style of a webpage.

d)

Cascading Style

Systems

23.

in CSS, what is the unit of measurement for font-size?

a)

in

b)

px

c)

ft

d)

mm

24.

What CSS property is used align text?

a)

font-center

b)

text-align

c)

font-size

d)

color

25.

What CSS property is used adjust the font size?

a)

font-center

b)

text-align

c)

font-size

d)

color

26.

What CSS property is used to adjust the color?

a)

font-center

b)

text-align

c)

font-size

d)

color

27.

Select all of the closing tags

a)

<p>

b)

</h1>

c)

</li>

d)

</ul>

e)

<ol>

28.

All of the webpage content goes in between the...

a)

<head> </head>

b)

<h1> </p>

c)

<ol> </ol>

d)

<body> </body>

29.

This tag permits to establish of one section in an HTML document.

a)

<style> </style>

b)

<div></div>

c)

.div

d)

#div

30.

Which is the correct (and most specific) CSS selector statement to change the text color of the first <li> element to red in the following code block.

a)

.redtext { color: red; }

b)

#redtext { color: red; }

c)

li > redtext { color: red; }

d)

redtext{color:red};

31.

To create a dotted border around the page

a)

border-style

b)

border-width

c)

border-color

d)

width

32.

sets the element to one side of the page

a)

margin

b)

width

c)

float

d)

height

33.

sets the color of words in a paragraph

a)

h1 {

color: pink;

}

b)

img {

color: pink;

}

c)

body {

color: pink;

}

d)

p {

color: pink;

}

34.

What does a class do?

a)

adds color to words

b)

adds style to specific elements

c)

adds style to a whole page

d)

adds a lot more work

35.

Select the rule set to make all the text in your web page blue and centered.

a)

p {

color: blue;

}

b)

body {

text-align: left;

color: blue;

}

c)

p {

text-align: center;

color: blue;

}

d)

body {

text-align: center;

color: blue;

}

36.

Which selector will change the font of the text?

a)

font-size

b)

text-align

c)

font-famiy

d)

text-decoration

37.
Which code is correct?
a)
<img src="style.css">
b)
<link rel="stylesheet" href="style.css">
c)
<a href="style.css">style sheet</a>
d)
none is correct
38.

This is a picture of a ____.

a)

CSS Rule

b)

HTML Rule

c)

Tags

d)

Coding

39.

What symbol should you use to target a class names in css?

a)

#

b)

()

c)

.

d)

class

40.

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