Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

formatting a web page

Total questions: 118

Worksheet time: 1hrs 12mins

Name
Class
Date
1.

HTML coding involves using ____________ to create webpages.

a)

Tabs

b)

Tags

c)

Labels

d)

Quotes

2.

HTML stands for...

a)

Hyper Text Markup Language

b)

High Tech MachineLanguage

c)

High Tech Modem Language

d)

Hyper Tech Markup Lexicon

3.
HTML tags are always surrounded by
a)
( )
b)
{ }
c)
< >   
d)
"  "
4.

Which tag would you use to make a heading?

a)

<heading></heading>

b)

<bigger></bigger>

c)

<h></h1>

d)

<h1></h1>

5.

Which of the listed heading tags creates the largest heading?

a)

h1

b)

h2

c)

h3

d)

h6

6.

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

a)

<ul>

b)

<uline>

c)

<u>

d)

<under>

7.

What is the correct HTML for creating a hyperlink?

a)

<a href="https://www.fireninjaa.org">Fireninjaa</a>

b)

<a url="https://www.fireninjaa.org">Fireninjaa</a>

c)

<a>https://www.fireninjaa.org</a>

8.
Google, Bing and Yahoo are all examples of what?
a)
Web browsers
b)
Search engines
c)
Web engines
d)
Text editors
9.
Google Chrome, Mozilla Firefox and Microsoft Edge are all examples of what?
a)
Search engines
b)
Websites
c)
Web Browsers
d)
Text editors
10.

Which of the following is the correct HTML syntax for inserting an image

a)

<img>apple.jpg</img>

b)

<img src="apple.jpg">

c)

<image src="apple.jpg">

d)

<img ="apple.jpg">

11.

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

a)

#

b)

()

c)

.

d)

class

12.

What is the correct syntax to change the background color with css?

a)

background-color: purple;

b)

background-color = "purple";

c)

backgroundcolor=orange

d)

change-background-color: purple

13.

What is missing from this HTML skeleton?


<!DOCTYPE html>

<html>

<body>

</body>

</html>

a)

<head></head>

b)

<div></div>

c)

<img></img>

d)

<head>

14.

How do you change the font color with CSS?

a)

font-color: green;

b)

color: green;

c)

change-font-color: green;

d)

fontcolor=green;

15.

TRUE OR FALSE: All tags require a closing tag.

a)

True

b)

False

16.

Which of the following is the correct CSS link tag?

a)

<link rel="styles" href="stylesheet.css">

b)

<link href="stylesheet">

c)

<link rel="stylesheet" src="styles.css">

d)

<link rel="stylesheet" href="styles.css">

17.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
18.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
19.
Which is the selector for a link?
a)
a { }
b)
link { }
c)
href { }
d)
a href { }
20.
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.
21.

This language _______________was developed by ___________

a)

Hyper Text Mark Up Language, Tim Berners Lee

b)

Hyper Text Marking Up Language, Tim Berners Lee

c)

Hyper Text Mark Up Language, Bill Gates

d)

Hyper Text Mark Up Language, Sunder Pichai

22.

Which is the correct HTML tag for a new paragraph?

a)

<para>

b)

<paragraph>

c)

<p>

d)

<pr>

23.

Which of the following HTML tags is not valid?

a)

<h1>

b)

<h7>

c)

<h4>

d)

<h5>

24.

Which tag is used to make a text bold?

a)

<strong>

b)

<bold>

c)

<b>

d)

<big>

25.

What is called an element that does not have a closing tag?

a)

Empty Tag

b)

Container Tag

c)

Closed Tag

d)

Tag

26.

Select the correct example of an empty element.

a)

</ img> <img>

b)

<img> </img>

c)

</ img>

d)

<img>

27.

What is the correct HTML element for inserting a line break?

a)

<l>

b)

<br>

c)

<break>

d)

<line>

28.

Which character is used to indicate an end tag?

a)

*

b)

/

c)

\

d)

|

29.

The latest versio of HTML is

a)

HTML 4.0

b)

HTML 2.0

c)

3.2

d)

HTML 5

30.

What is the correct HTML element for inserting a horizontal line?

a)

<h>

b)

<hr>

c)

<hl>

d)

<horizontal>

31.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
32.
Where in the HTML document is the correct location to insert code to link to your external CSS? 
a)
In the <head> section
b)
In the <body> section
c)
At the very end of the document
d)
At the very beginning of the document
33.
Which is correct CSS syntax? 
a)
{ body; color=black;}
b)
body: color= black
c)
body {color:black;}
d)
(body color is black) 
34.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
35.
Which is the value in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
36.
Which is the selector for a link?
a)
a { }
b)
link { }
c)
href { }
d)
a href { }
37.
What is the function of the <p> tag?
a)
Defines a paragraph.
b)
Makes the text purple.
c)
It pushes the text to the right.
d)
Prints the webpage.
38.
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.
39.
How can you make a numbered list?
a)
<list>
b)
<ol>
c)
<dl>
d)
<ul>
40.
How can you make a bulleted list?
a)
<ol>
b)
<ul>
c)
<list>
d)
<dl>
41.
You should save HTML files with which file extension?
a)
.htm
b)
.index
c)
.webpage
d)
.html
42.
What is the function of a title tag?
a)
stores webpage title for browser and search engine results
b)
show server how to index the website
c)
shows meta information about the title
d)
shows server how to title the website
43.
What is the purpose of <!DOCTYPE html>?
a)
provides the web browser with security information
b)
instructs the browser where to look for your CSS files
c)
Allows programmers to link to files in-line
d)
Tells the web browser what language to expect
44.
Which CSS code centers text?
a)
p {align: center;}
b)
p {text-align: center;}
c)
p {align=center;}
d)
p {center;}
45.
Which is the selector in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
46.
What property changes the border for an image/table?
a)
border:
b)
border-size:
c)
border-color:
47.
If you want to have more than one declaration in a CSS rule, what character separates them?
a)
comma ,
b)
semi-colon ;
c)
colon :
48.
Jerry wants to insert a line break into his webpage. Which code should he use?
a)
<ul>
b)
<li>
c)
<br>
d)
<h1>
49.
Which tag defines the visible content of a web document?
a)
<head>
b)
<meta>
c)
<title>
d)
<body>
50.
Which item interprets the source code in a web document?
a)
Text editor
b)
Web browser
c)
  HTML editor
d)
Web server
51.
Which character is used to indicate an end tag in HTML?
a)
{}
b)
<
c)
/
d)
*
52.

What is the correct format for setting the color property to red in CSS?

a)

Color: red

b)

color: brg(0, 0, 0)

c)

Font-size: 20px

d)

Text-align: center

53.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
54.
Where in the HTML document is the correct location to insert code to link to your external CSS? 
a)
In the <head> section
b)
In the <body> section
c)
At the very end of the document
d)
At the very beginning of the document
55.
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.
56.
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 (-)
57.

What is wrong with this code?

a)

The style sheet <link> statement belongs between <head> and </head>

b)

The style sheet <link> statement belongs between <title> and </title>

c)

The style sheet <link> statement belongs between </head> and <body>

d)

The style sheet <link> statement belongs immediately after the DOCTYPE statement

58.

Which CSS property is used to underline a text?

a)

text-direction

b)

text-indent

c)

text-align

d)

text-decoration

59.

changing the color of the background can be done using

a)

Background-colour

b)

backGround-color

c)

background-color

d)

all the above

60.
Which is the correct way to format a Font Family for a paragraph?
a)

p {

font-face: Arial;

}

b)

p {

family-font: Arial;

}

c)

p {

font-family: Arial;

}

d)

p {

font: Arial;

}

61.
Which CSS code centers text?
a)

p {

align: center;

}

b)

p {

align=center;

}

c)

p {

text-align: center;

}

d)

p {

center;

}

62.

Specifies the size of a font

a)

Font-Family Property

b)

Font-Size Property

c)

Text-Decoration Property

d)

Text-Align Property

63.

Which is the correct way to format a Font Family for a paragraph?

a)

p {

font-face: Arial;

}

b)

p {

font-family: Arial;

}

c)

p {

family-font: Arial;

}

d)

p {

font: Arial;

}

64.

Which of the following sets the color of text in a paragraph?

a)

h1 {

color: pink;

}

b)

img {

color: pink;

}

c)

body {

color: pink;

}

d)

p {

color: pink;

}

65.

RGB stands for

a)

Red, Gold, Blue

b)

Red, Green, Blue

c)

Red Green, Black

d)

Red, Gold, Black

66.

This is a picture of a ____.

a)

CSS Rule

b)

HTML Rule

c)

Tags

d)

Coding

67.

What is the correct code for a paragraph in CSS?

a)

P

b)

<p> </p>

c)

.p

d)

p{

}

68.

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;

69.

In this code: h1 { color: red; font-size; 24px } What is font-size and color this header be?

a)

Color will be red, and the font size will be 42px.

b)

Color will be h1, and the font size will be 24QA.

c)

Color will be pink, and the font size will be 24px.

d)

Color will be red, and the font size will be 24px.

70.

Which link is correct?

a)
<img src="style.css">
b)
<link rel="stylesheet" href="style.css">
c)
<a href="style.css">style sheet</a>
d)

<h1 html="style.css">

71.
Which is correct CSS syntax? 
a)

{ p;

color=black;

}

b)

<h3:

color= black

>

c)

h1 {

color:black;

}

d)
(body color is black) 
72.

Which color will this paragraph be?
p {

color: red;

}

a)
p
b)
color
c)
red
73.

Select the rule set to make the paragraph 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;

}

74.

color: rgb( 0 , 0, 255);

a)

Red

b)

Green

c)

Blue

d)

Black

75.

color: rgb( 0 , 255, 0);

a)

Red

b)

Green

c)

Blue

d)

White

76.

color: rgb( 255 , 0, 0);

a)

Red

b)

Green

c)

Blue

d)

Black

77.

Which CSS property controls the text size?

a)

font-style

b)

font-size

c)

font-family

d)

font-width

78.

Choose an INCORRECT unit for text size

a)

em

b)

pt

c)

pc

d)

pixel

79.

What is the correct order for Font Shorthand

a)

font: font-weight font-style font-size font-family;

b)

font: font-style font-variant font-family font-size;

c)

font: font-variant font-style font-family font-weight;

d)

font: font-weight font-style font-family font-size;

80.

Lowercase, uppercase, capitalize are examples of value for _______

a)

text-align

b)

text-indent

c)

text-transform

d)

text-emphasis

81.

Identify CSS code to change text color to YELLOW

a)

<div style="background-color:black;color:yellow">

b)

<div style="background-color:yellow;color:black">

c)

<div class="background-color:yellow;color:black">

d)

<div type="background-color:black;color:yellow">

82.

Based on given box properties, what is C?

a)

Padding

b)

Margin

c)

Content

d)

Border

83.

Find the INCORRECT color value for HTML text.

a)

rgb(red,green,blue)

b)

#rrggbb

c)

hsl(hue, saturation, lightness)

d)

color code

84.

Given:

border-width: 10px 20px 30px 40px;

Identify value for right border width.

a)

10px

b)

20px

c)

30px

d)

40px

85.

Select the INCORRECT value for a border-style.

a)

dashed

b)

dotted

c)

groove

d)

straight

86.

How to create the above border?

a)

border-style: double solid dashed dotted;

b)

border-style: solid dashed dotted double;

c)

border-style: double dashed dotted solid;

d)

border-style: dotted solid dashed double;

87.

changing the color of the background can be done using

a)

Background-colour

b)

backGround-color

c)

background-color

d)

all the above

88.
Which is the correct way to format a Font Family for a paragraph?
a)
p { font-face: Arial; }
b)
p { family-font: Arial; }
c)
p { font-family: Arial; }
d)
p { font: Arial; }
89.
Which is the property in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
90.
Which CSS code centers text?
a)
p {align: center;}
b)
p {align=center;}
c)
p {text-align: center;}
d)
p {center;}
91.

Specifies the margin area on all four sides of an element

a)

Height Property

b)

Margin Property

c)

Float Property

d)

Border-Radius Property

92.

Specifies the color of an element's four borders

a)

Border-Style Property

b)

Border-Radius Property

c)

Border-Color Property

d)

Border-Width Property

93.

changing the color of the background can be done using

a)

Background-colour

b)

backGround-color

c)

background-color

d)

all the above

94.
Which is the correct way to format a Font Family for a paragraph?
a)
p { font-face: Arial; }
b)
p { family-font: Arial; }
c)
p { font-family: Arial; }
d)
p { font: Arial; }
95.
Which is the property in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
96.
Which CSS code centers text?
a)
p {align: center;}
b)
p {align=center;}
c)
p {text-align: center;}
d)
p {center;}
97.

Specifies the margin area on all four sides of an element

a)

Height Property

b)

Margin Property

c)

Float Property

d)

Border-Radius Property

98.

Specifies the color of an element's four borders

a)

Border-Style Property

b)

Border-Radius Property

c)

Border-Color Property

d)

Border-Width Property

99.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
100.
Where in the HTML document is the correct location to insert code to link to your external CSS? 
a)
In the <head> section
b)
In the <body> section
c)
At the very end of the document
d)
At the very beginning of the document
101.
Which is correct CSS syntax? 
a)
{ body; color=black;}
b)
body: color= black
c)
body {color:black;}
d)
(body color is black) 
102.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
103.
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.
104.

How can you select all of the h1 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">

105.

What code is used to format webpages such as changing the color of text, the color of the background, or borders around elements?

a)

CSS

b)

Javascript

c)

HTML

d)

XML

106.

What code is used to place content such as hyperlinks, images, paragraphs and headings on a web page?

a)

CSS

b)

Javascript

c)

HTML

d)

XML

107.

Where should you put the link tag to connect your CSS and HTML file?

a)

Between the <head> </head> in HTML

b)

Between the <body> </body> in HTML

c)

None of the above.

108.

What is the correct code to change the font size of a paragraph in CSS to 16 points?

a)

h1 {

font-size: 16px;

}

b)

p {

size: 16px;

}

c)

p {

font-size: 16;

}

d)

p {

font-size: 16px;

}

109.

What CSS code sets heading 3 to underlined?

a)

h3 {text-decoration:underline;}

b)

h3 text-decoration:underline;

c)

h3 {format:underline;}

d)

h3 {underline;}

110.

In general, what order should CSS tags appear?

a)

The same as the order they appeared on the HTML page.

b)

Whatever order you like.

c)

In alphabetical order.

d)

In numerical order.

111.

What is this? #ff00ff

a)

A hexadecimal code used for colours.

b)

HTML code used for websites.

c)

CSS code used for formatting.

d)

JavaScript code used for interactivity.

112.

How do we make a heading 2 italic?

a)

h2 {text-decoration:italic;}

b)

h2{format:italic;}

c)

h2:text-decoration{italic};

d)

h2=text-decoration{italic};

113.

Inside which tag do we add CSS to a webpage?

a)

<style> </style>

b)

<css> </css>

c)

<formatting> </formatting>

d)

<colours> </colours>

114.

In which section of a webpage do we add the <style> section?

a)

<head>

b)

<body>

c)

<html>

d)

<footer>

115.

How do we set the size of paragraph text to 32px?

a)

p {text-size:32px;{

b)

p {text-size:32px;}

c)

p {text-size:32px}

d)

p {text-size:32}

116.

When adding more than one format to a selector in CSS, how do we separate them?

a)

With a semi-colon ;

b)

With a slash /

c)

With a colon :

d)

With a full stop .

117.

How do we make h1 underlined and dark green?

a)

h1 {color:darkgreen;

text-decoration:underline;}

b)

h1 {colour:darkgreen;

text-decoration:underline;}

c)

h1 {color:green;

text-decoration:u;}

d)

h1 {color:darkgreen

text-decoration:underline;}

118.

What's the problem with this code?

h1 {colour:red;}

a)

The line isn't ended correctly.

b)

It uses the wrong kind of brackets.

c)

It used the British spelling of color.

d)

Red isn't a good colour to use on a website.

Similar Resources on Wayground

ÔN TẬP HỌC KỲ 2- TIN 9 (121 CÂU)

121 questions

ÔN TẬP HỌC KỲ 2- TIN 9 (121 CÂU)

quiz

Worksheet

•

6th - 8th Grade

Science Space

115 questions

Science Space

quiz

Worksheet

•

3rd Grade - University

Kiểm tra kiến thức máy tính

123 questions

Kiểm tra kiến thức máy tính

quiz

Worksheet

•

6th Grade