wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML CSS Final Quiz

Total questions: 100

Worksheet time: 51mins

Name
Class
Date
1.

1) HTML stands for -

a)

HighText Machine Language

b)

HyperText and links Markup Language

c)

HyperText Markup Language

d)

None of these

2.

Which of the following element is responsible for making the text bold in HTML?

a)

<pre>

b)

<a>

c)

<b>

d)

<br>

3.

Which of the following tag is used for inserting the largest heading in HTML?

a)

<h3>

b)

<h1>

c)

<h5>

d)

<h6>

4.

Which character is used to represent the closing of a tag in HTML?

a)

<\ >

b)

<! >

c)

</ >

d)

<. >

5.

How to create a hyperlink in HTML?

a)

<a href = "www.javatpoint.com"> javaTpoint.com </a>

b)

<a url = "www.javatpoint.com" javaTpoint.com /a>

c)

<a link = "www.javatpoint.com"> javaTpoint.com </a>

d)

<a> www.javatpoint.com <javaTpoint.com /a>

6.

Which of the following element is responsible for making the text italic in HTML?

a)

<i>

b)

<italic>

c)

<pre>

d)

<it>

7.

How to insert an image in HTML?

a)

<img href = "jtp.png" />

b)

<img url = "jtp.png" />

c)

<img link = "jtp.png" />

d)

<img src = "jtp.png" />

8.

Which of the following tag is used to make the underlined text?

a)

<i>

b)

<pre>

c)

<ul>

d)

<u>

9.

Which of the following is the paragraph tag in HTML?

a)

<p>

b)

<b>

c)

<pre>

d)

None of the above

10.

An HTML program is saved by using the ____ extension.

a)

.ht

b)

.html

c)

.hml

d)

None of the above

11.

A program in HTML can be displayed and read by -

a)

Web browser

b)

Server

c)

Interpreter

d)

None of the above

12.

The tags in HTML are -

a)

case-sensitive

b)

in upper case

c)

not case sensitive

d)

in lowercase

13.

Which computer language structures all webpages on the internet?

a)

Java

b)

HTML

c)

CSS

d)

JS

14.

Challenge yourself

Code a paragraph that displays Hello HTML

a)

<p> Hello HTML </p>

b)

P = Hello HTML

15.

Which one of these tags creates a heading?

a)

<p>

b)

<h1>

c)

<img>

16.

Challenge yourself

Code a heading that displays Hello World

a)

<h1>Hello World</h1>

b)

h1= Hello World

c)

<h1>Hello World<h1>

17.

<img> is a ............. tag

a)

insert image

b)

Paragraph

c)

Header

18.

Which of the following element is responsible for making new line in HTML?

a)

<br>

b)

<a>

c)

<b>

d)

<pre>

19.

Which of the following tag is used for inserting the smallest heading in HTML?

a)

<h3>

b)

<h1>

c)

<h5>

d)

<h6>

20.

Challenge yourself

Code a title inside the head section .....

a)

<title> .... </title>

b)

<header> </header>

c)

<h1>........<h1>

21.

creates a header for the document

a)

<Head>

b)

<H2>

c)

<Title>

d)

<Header>

22.

starts a new paragraph

a)

<P>

b)

<Paragraph>

c)

<B>

d)

</P>

23.

Identifies the document as a web page

a)

<HTML>

b)

<WEB>

c)

</HTML>

d)

<PAGE>

24.

HTML tags are element names surrounded by __________.

a)

<angle brackets>

b)

(round brackets)

c)

[square brackets]

d)

(round brackets) and [square brackets]

25.

The start tag is also called the ____________, and the end tag the closing tag.

a)

start tag

b)

beginning tag

c)

new tag

d)

opening tag

26.
What is 'html' used for?
a)
to search websites
b)
to spellcheck web pages
c)
to create webpages
d)
to destroy viruses
27.

The correct sequence of HTML tags for starting a webpage is

a)

A.Head, Title, HTML, body

b)

B. HTML, Body, Title, Head

c)

C. HTML, Head, Title, Body

d)

D. HTML, Head, Title, Body

28.

An HTML program is saved by using the ____ extension.

a)

A. .ht

b)

B. .html

c)

C. .hml

d)

D. None of the above

29.

A program in HTML can be rendered and read by

a)

A. Web browser

b)

B. Server

c)

C. Interpreter

d)

D. None of the above

30.

To create HTML page, you need

a)

A. Web browser

b)

B. Text editor

c)

C. Both A & B

d)

D. None of the above

31.

Which symbol identifies a closing tag?

a)

<>

b)

/

c)

()

d)

\

32.

What is this tag <head> used for ?

a)

Used for declaring the title

b)

Name of the document

33.
Which of these is NOT a web browser?
a)
Chrome
b)
Internet Explorer
c)
Facebook 
d)
Firefox
34.
Which section of an HTML webpage should the <title> tag go?
a)
<head>
b)
<body>
35.
Which section of an HTML webpage contains the content that will be displayed in the browser?
a)
<head>
b)
<body>
36.

What will be the output for the following program?

<html>


<body>


<p>Hello SJPS</p>


</body>


</html>

a)

<Hello SJPS>

b)

Hello SJPS

c)

both are correct

37.
What is always the last line in an HTML webpage?
a)
<!DOCTYPE html>
b)
<html>
c)
</html>
d)
<title>
38.

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>

39.

Web pages starts with which of the following tag?

a)

<form>

b)

<HTML>

c)

<body>

d)

<Title>

40.

Choose the correct HTML element for the largest heading:

a)

<head>

b)

<h1>

c)

<heading>

d)

<h6>

41.

HTML controls the _________ of a webpage.

a)

feel

b)

precision

c)

structure

d)

style

42.

<p> is the opening tag for a _____________

a)

page

b)

paragraph

c)

preorder

d)

period

43.

What defines the beginning and ending of the visible part of a webpage?

a)

<head> main part of the document </body>

b)

<body> main part of the document </html>

c)

d) </body> main part of the document <html>

d)

<body> main part of the document </body>

44.

What is the correct syntax for defining a hyperlink in HTML?

a)

<a href=”url”> Link text </a>

b)

<a href=”url”> Link text <a>

c)

<a=”url”> Link text <a>

d)

<ref=”url”> Link text <a>

45.

Which character is used to indicate an end tag?

a)

!

b)

#

c)

/

d)

\

46.

How can you make a list that has no particular order?

a)

<ol> </ol>

b)

<ul> </ul>

c)

<ol> <li>

d)

<li> </ul

47.

Which of the following is the proper format for an HTML tag?

a)

>h1<Content Affected by Tag >/h1<

b)

<h1>Content Affected by Tag<h1>

c)

<h1 Content Affected by Tag />

d)

<h1>Content Affected by Tag</h1>

48.

Change the border size of the body or image

a)

border-style

b)

border-width

c)

border-color

d)

width

49.

To create a dotted border around the page

a)

border-style

b)

border-width

c)

border-color

d)

width

50.

Set the color of the border

a)

border-style

b)

border-width

c)

border-color

d)

width

51.

sets the element to one side of the page

a)

margin

b)

width

c)

float

d)

height

52.

sets the color of words in a paragraph

a)

h1 {

color: pink;

}

b)

img {

color: pink;

}

c)

body {

color: pink;

}

d)

p {

color: pink;

}

53.

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

54.

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;

}

55.

Which selector will change the font of the text?

a)

font-size

b)

text-align

c)

font-famiy

d)

text-decoration

56.

What will this rule set create?


h1 {

text-decoration: underline overline dotted red;

}

a)

red waves under the heading

b)

red dots over and under the heading

c)

red waves over and under the heading

d)

red dots over the heading

57.

Which rule set would change the font size to 24?

a)

font-size: 24

b)

size: 24;

c)

font-size: 24;

d)

font size: 24;

58.

This is a picture of a ____.

a)

CSS Rule

b)

HTML Rule

c)

Tags

d)

Coding

59.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

60.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

61.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

62.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

63.

What color will this element be?

a)

Green

b)

Blue

c)

Red

d)

No color

64.

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

65.

The color this element will be________

a)

Blue

b)

Red

c)

Blue

d)

No color

66.

The tag #blue-text is written twice. Due to the "Order of Precedence" the text that will appear when you run the code will be what color?

a)

Red

b)

Blue

c)

Green

d)

Purple

67.

CSS is the...

a)

language for designing web pages

b)

longitudinal compass for directions

c)

way we send information to each computer

d)

way we set up each tag

68.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
69.
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
70.
Which is correct CSS syntax? 
a)
{ body; color=black;}
b)
body: color= black
c)
body {color:black;}
d)
(body color is black) 
71.
What symbols go around the properties for each CSS selector?
a)
< >
b)
[ ]
c)
{ }
d)
( )
72.
Which is the value in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
73.
Which is the selector for a link?
a)
a { }
b)
link { }
c)
href { }
d)
a href { }
74.
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.
75.
How can you make a numbered list?
a)
<list>
b)
<ol>
c)
<dl>
d)
<ul>
76.
How can you make a bulleted list?
a)
<ol>
b)
<ul>
c)
<list>
d)
<dl>
77.
The style that you are applying to a selector, e.g. border.
a)
Property
b)
Value
c)
Keyword
d)
Length Units
78.
_______ is generally any single line of CSS that appears between the curly braces, whether shorthand or longhand.
a)
Keyword
b)
Declaration 
c)
Value
d)
Boogers
79.
What is this an example of?
/* This is a multi-line comment */
a)
Syntax
b)
Property 
c)
Value
d)
Comment
80.
Using Responsive Web Design (RWD) ensures that site will display correctly in all desktop browsers and mobile devices.
You used a grid-based layout and resize-able images, which is another RWD technique that you can use in responsive design?
a)
Use relative units, such as percentages, for positioning page elements
b)
Use standard page structure elements, including <header>, <footer> and <article>,  because older devices will display content in the structure elements correctly
c)
Use static pixels for all content positioning 
d)
Use smaller fonts for all body text, to ensure it will appear correctly on smaller screens
81.
To ensure a site's pages render as expected by the target audience, regardless of the device used to access them, which design model should be followed?
a)
Dual platform design
b)
HTML Transitional 1.0 design
c)
Responsive Web Design
d)
Cascadingd Style Sheet design
82.
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 (-)
83.
Which is the selector in this CSS?
p {color: red;}
a)
p
b)
color
c)
red
84.
John wants the name of his book to appear in search results for Google. Where should this information be
placed within his webpage?
a)
head
b)
meta
c)
body
d)
nav
85.

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

86.
What does the position:fixed style do when styling an image?
a)
Pins an image in one place on the browser window even when the user scrolls the page content.
b)
Sizes an image to a fixed size no matter how big the user expands the browser.
c)
Places an image in a specific spot on the page relative to the text before it
d)
Places an image based on the users scroll position
87.
________ positioning keeps the element in the normal document flow, while ________ positioning takes it out of the normal flow.
a)
relative, absolute
b)
absolute, relative
c)
fixed, static
d)
parallel, universal
88.

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

89.
What does CSS stand for? 
a)
Creative Style Sheets
b)
Cascading Style Sheets
c)
Colorful Style Spread
d)
Computer Style Spread
90.

What is the correct code for a paragraph in CSS?

a)

P

b)

<p> </p>

c)

.p

d)

p{

}

91.

This is a picture of a ____.

a)

CSS Rule

b)

HTML Rule

c)

Tags

d)

Coding

92.
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" />
93.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

94.
Where in your HTML document should you include the code <!DOCTYPE html>?
a)
body section
b)
doesn't matter
c)
last line
d)
first line
95.
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
96.

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

97.

Which tag is used to add an image?

a)

<image>

b)

<img>

c)

<<img>>

d)

</image>

98.

Signifies the size of the heading

a)

<H2>

b)

<HR size=2>

c)

<H SIZE =2>

d)

<H=2>

99.

creates a header for the document

a)

<Head>

b)

<H2>

c)

<Title>

d)

<Header>

100.

Choose the code that correct the error

<HEAD><TITLE>Unicorn land </HEAD>

a)

<HEAD><TITLE>Unicorn land </TITLE></HEAD>

b)

<HEAD><TITLE>Unicorn land <TITLE></HEAD>

c)

<HEAD><TITLE>Unicorn land </TITLE><HEAD>

d)

<HEAD><TITLE>Unicorn land <TITLE><HEAD>

Similar Resources on Wayground

ICT - session

104 questions

ICT - session

quiz

Worksheet

•

University

Year 7 Scratch Test

100 questions

Year 7 Scratch Test

quiz

Worksheet

•

6th Grade - University

1ºDAM/DAW - Lenguajes de Marcas. 1er.Trim. Prof. C. Boni

100 questions

1ºDAM/DAW - Lenguajes de Marcas. 1er.Trim. Prof. C. Boni

quiz

Worksheet

•

University - Professi...

DM Unit 2 Mod 2 SO 1 - 3 Test

100 questions

DM Unit 2 Mod 2 SO 1 - 3 Test

quiz

Worksheet

•

University

UAS Pengujian Perangkat Lunak

100 questions

UAS Pengujian Perangkat Lunak

quiz

Worksheet

•

University

CS Elective (DTP)

100 questions

CS Elective (DTP)

quiz

Worksheet

•

University

BIS POP QUIZ 2

102 questions

BIS POP QUIZ 2

quiz

Worksheet

•

University

ICT Fundamentals Quiz

102 questions

ICT Fundamentals Quiz

quiz

Worksheet

•

University