Free Printable HTML & CSS

1.

What does HTML stand for?

a)

Hyper Text Website Language

b)

Hyper Text Markup Language

c)

Hyper Text Making Language

2.

<h1> is an example of a _______.

a)

Headline Tag

b)

Paragraph Tag

c)

filename

3.

<p> is a _______ tag.

a)

image

b)

paragraph

c)

filename

4.

Web pages starts with which of the following tag?

a)

<form>

b)

<HTML>

c)

<body>

d)

<Title>

5.

Choose the correct HTML element for the largest heading:

a)

<head>

b)

<h1>

c)

d)

<h6>

6.

HTML controls the _________ of a webpage.

a)

feel

b)

precision

c)

structure

d)

style

7.

<p> is the opening tag for a _____________

a)

page

b)

paragraph

c)

preorder

d)

period

8.

Which character is used to indicate an end/closing tag?

a)

!

b)

#

c)

/

d)

\

9.

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)

d)

<h1>Content Affected by Tag</h1>

10.

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

a)

<lb>

b)

<BREAK>

c)

<br>

d)

<break>

11.

This tag contains all the main contents of your webpage.

a)

<body>

b)

<head>

c)

d)

<p>

12.

This tag defines a heading at the smallest size.

a)

<h6>

b)

<h2>

c)

<h7>

d)

<h1>

13.

In this code <img src

What does img stand for?

a)

imagine

b)

image

c)

source

d)

immg

14.

Style tags are used to;

a)

Apply style to one line

b)

Not used in HTML

c)

Used at the top of the page to apply a style to the entire document

d)

Used sparingly

15.

What HTML element defines the title of the document?

a)

<title>

b)

<head>

c)

<meta>

16.

Which is the proper way to write an h1 tag

a)

<h1>Hello</h1>

b)

<h1>"Hello

c)

{h1}Hello{/h1}

d)

<h1>Hello<h1>

17.

Google Chrome, Mozilla Firefox and Microsoft Edge are all examples of what?

a)

Search engines

b)

Websites

c)

Web Browsers

d)

Text editors

18.

What does a closing tag look like?

a)

< >

b)

<\ >

c)

</ >

d)

<< >>

19.

What does a opening tag look like?

a)

< >

b)

</ >

c)

<< >>

d)

<

20.

What will happen to the text in blue? <p>He named his car <i>The lightning</i>, because it was very fast.</p>

a)

the content will be displayed in italic

b)

the content will display an image

c)

the content defines text inserted into a document

21.

CSS stands for?

a)

Closed Source Style

b)

Crucial Style Sheets

c)

Cascading Style Sheets

d)

Corresponding Static Style

22.

Which word is not used in HTML structure?

a)

footer

b)

body

c)

head

d)

arm

23.

Which code below is correct for a hyperlink

a)

<a>

"https://google.com"

Click Me

</a>

b)

<a>Click Me>

"https://google.com"

</a>

c)

Click Me

</a>

d)

Click Me

</a>

24.

src attribute in an image tag means what?

a)

Source of the image

b)

Name of the image

c)

Description of the image

d)

Not used with image tag

25.

Which list tag would you use for an ordered list

a)

b)

c)

d)

<a></a>

26.

<th></th> is the code for .....

a)

a table row

b)

a table column

c)

a table header

d)

Thanos

27.

Which of the following is the code for a paragraph to be blue?

a)

b)

c)

d)

28.

What is the font size in this code: <p style=“color:blue; background-color:yellow;

font-size:60px”>Hello</p>

a)

20pixles

b)

40pixels

c)

50pixels

d)

60pixels

29.

When working with color codes RGB stands for...

a)

Green Red Purple

b)

Red Great Blue

c)

Red Green Blue

d)

Blue Green Raspberry

30.

Which of the tag is used to create a numbered list?

a)

b)

c)

d)

31.

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

a)

b)

c)

d)

<li> </ul

32.

Which of the following is a valid CSS rule?

a)

h1 {

color: blue;

}

b)

<h1> {

color: blue;

}

c)

h1 {

color="blue";

}

d)

h1 {

color=blue;

}

33.

If you wanted to add links to your web page - what tag would you use?

a)

<a>

b)

<p>

c)

<div>

d)

<link>

34.

What is will the highlighted tag do? <p>My favourite colour is blue<br>I support Southend United.
</p>

a)

it will make the text bold

b)

it will place the text on another line

35.

What coding would be used to define a header cell in an HTML table

a)

<th>Month</th>

b)

<td>Month</td>

c)

<h1>Month</h1>

d)

<h2>Month</h2>

36.

Group of webpages is called _____.

a)

Website

b)

Web browser

c)

Web Search engine

d)

None of the above

37.

To set the image size, Which command should I use?

a)

width="400"

b)

center="400"

c)

long="400"

d)

short="400"

38.

Which portion of this tag is the text that will show up if there is a problem with my photo?

a)

img src=

b)

cat.jpeg

c)

cat jumping

d)

alt=

39.

<input type="___________" name="gender" value="male"> Male

<input type="___________" name="gender" value="female">Female

(Fill the type of input which used to select just one option.)

(a)

40.

Choose the correct HTML element to define bold text

a)

<b>

b)

<i>

c)

<bold>

41.

What is the name of the two sections associated with HTML?

a)

face and feet

b)

head and body

c)

neck and stomach

d)

top and bottom

42.

Which of the following can be added to an html document?

a)

Tables

b)

Hyperlinks

c)

Lists

d)

All of these

43.

The process of defining, designing, creating, and producing web sites.

a)

HTML

b)

CSS

c)

Parsing

d)

Web Design

44.

<h> is

a)

Header Tag

b)

Headline Tag

c)

Half of a tag

d)

Closing header tag

45.

Which is the correct tag to change the colour of Hello to RED?

a)

b)

<font color="red">Hello</font>

c)

<font color="red">hello//</font>

d)

46.

The following tag will show a bulleted list

a)

<ul>

b)

<ol>

c)

<li>

d)

<list>

47.

HTML tags are always surrounded by

a)

( )

b)

{ }

c)

< >

d)

" "

48.

Tag used to create a table

a)

<td>

b)

</tc>

c)

<table>

d)

<tr>

49.

Which of these elements are all <table> elements?

a)

b)

c)

d)

50.

What is the correct HTML for inserting an image?

a)

b)

c)

<img alt="MyImage">image.gif</img>

d)

51.

WHICH FOLLOWING TAGS DESCRIBES THE DESCRIPTION LIST?

a)

<dl>

b)

<dt>

c)

<dd>

d)

<ol>

52.

An ordered list begins with______ and ends with_________

a)

b)

c)

d)

53.

The <tr> tag is used to define a

a)

coloum

b)

table

c)

data

d)

row

54.

All tags in HTML require a closing tag.

a)

true

b)

false

55.

_________ lets the browser know how the document should be interpreted

a)

<!DOCTYPE html>

b)

<html>

c)

<head>

d)

<link>

56.

which property is used to add space around the content and border?

a)

margin

b)

span

c)

padding

d)

position

57.

Which of the following properties is used to specify the kind of border to display?

a)

border

b)

border:style

c)

border-style

d)

None of the above

58.

Which of the following will put data in an HTML table?

a)

<col>

b)

<td>

c)

<tcol>

d)

<data>

59.

What HTML input type is used to create this password field?

a)

b)

c)

d)

60.

HTML form is used for/to

a)

Collect user input

b)

It is not a section of a document

c)

Contains password control only

d)

Users can enter data in specific fields

e)

to capture website visitors' information

61.

The _______ tag is used to create an HTML form for user input.

a)

b)

<input>

c)

<form>

d)

<label>

62.

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

63.

The color this element will be________

a)

Blue

b)

Red

c)

Blue

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.

What color will this element be?

a)

Green

b)

Blue

c)

Red

d)

No color

66.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

67.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

68.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

69.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

70.

This is a picture of a ____.

a)

CSS Rule

b)

HTML Rule

c)

Tags

c)

Punctuation

d)

Quotations

84.

</h> is

a)

Header Tag

b)

Headline Tag

c)

Half of a tag

d)

Closing header tag

85.

</html>

a)

Found after </h1>

b)

Found after </style>

c)

Found after </body>

d)

Found at bottom of written code

86.

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.

87.

What is a CSS selector?

a)

The value in a markup tag you want to change with a CSS style

b)

Any element to which designated styles are applied

c)

A format instruction in a CSS file

d)

The property in a markup tag to which designated styles are applied

88.

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

89.

Jerry wants to insert a line break into his webpage. Which code should he use?

a)

<ul>

b)

<li>

c)

<br>

d)

<h1>

90.

What is the proper code to insert an image named "frog.jpg"?

a)

b)

<img="frog.jpg" width="104" height="142">

c)

d)

91.

Annie wants the name of her product to be the main heading at the top of her webpage. Which tag defines
the main heading in a web document?

a)

<h3>Product</h3>

b)

<h5>Product</h5>

c)

<h1>Product</h1>

d)

<h6>Product</h6>

92.

A properly coded HTML tag will always be found between which two symbols?

a)

( )

b)

{ }

c)

[ ]

d)

< >

93.

Which line of code correctly places a gif image named "tiger" into a webpage?

a)

b)

c)

d)

94.

Which is the correct CSS syntax?

a)

body {color: yellow;}

b)

body:color=yellow;

c)

{body:color= yellow;}

d)

{body;color: yellow;}

95.

http://www.google.com is an example of a what?

a)

URL

b)

IP address

c)

Browser

d)

Application

96.

What symbols go around the properties for each CSS selector?

a)

< >

b)

[ ]

c)

{ }

d)

( )

97.

Which is the value in this CSS?
p {color: red;}

a)

p

b)

color

c)

red

98.

Which is the selector for a link?

a)

a { }

b)

link { }

c)

href { }

d)

a href { }

99.

How can you make a numbered list?

a)

<list>

b)

<ol>

c)

<dl>

d)

<ul>

100.

How can you make a bulleted list?

a)

<ol>

b)

<ul>

c)

<list>

d)

<dl>

101.

The style that you are applying to a selector, e.g. border.

a)

Property

b)

Value

c)

Keyword

d)

Length Units

102.

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 (-)

103.

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

104.

Which CSS embedded rule is used to assign the location of the image on a web page?

a)

background-position

b)

background-attachment

c)

background-repeat

105.

Which CSS embedded rule is used to assign the location of the image on a web page?

a)

background-position

b)

background-attachment

c)

background-repeat

106.

Which of the following phrases must be added to CSS embedded code to stop the background image from scrolling with the text?

a)

fixed

b)

no-scroll

c)

cover

107.

What word must be added to the code "background-size:" to make the image fill the entire web page background?

a)

cover

b)

fill

c)

replace

108.

Which CSS embedded rule allows the text to scroll but the image to stay still?

a)

background-attachment

b)

background-position

c)

background-repeat

109.

Which line of CSS embedded code is correct to change the background color of the web page to purple.

a)

body{background-color:purple;}

b)

c)

body{color:purple;}

110.

Which of the following CSS embedded codes will add a background image to the web page.

a)

body {background-image:url("link goes here");}

b)

body{img src="link goes here";}

111.

Identify CSS property to assign position for a background image.

a)

display: value;

b)

position: value

c)

background-postion: value;

d)

align: value;

112.

How to display a background image in the above format:

a)

background-repeat: repeat-x;

b)

background-image: repeat;

c)

background-repeat: horizontal;

d)

background-image: repeat-y;

113.

Select the correct CSS command to assign a background color for the HTML page.

a)

color: red;

b)

bgcolor: red;

c)

background-layout: red;

d)

background-color: red;

114.

A shorthand property used to specify the individual border properties: border-width, border-style and border-color.

a)

border-bottom

b)

border

c)

border-left

d)

border-top

115.

Which is the value in the CSS code below?

h1 {border: 29px solid red}

a)

h1

b)

{ }

c)

border

d)

29px solid red

116.

This code will work.

h2 {border: 80cm solid gold;}

a)

True

b)

False

117.

Identify the CSS code use to create this border.

a)

p {border: 5px solid pink;

border-radius:25px; }

b)

p {border: 5px double pink;

border-radius:25px; }

c)

p {border: 5px solid pink; }

d)

p {border: 5px dotted pink;

border-radius:25px; }

118.

Which CSS code create a white and dotted styled border.

a)

h3 {border: 10px white pink;}

b)

h3 {border: 10px dotted gold;}

c)

h3 {border: 10px white dotted;}

d)

h3 {border: 10px dotted white;}

119.

Will this code works?

h1 {

border-top: 10px dashed violet;

border-top: 25cm double green;

border-top: 60px white inset;

border-top: 30pt solid red;}

a)

YES

b)

NO

120.

You can customize each side of the border.

a)

TRUE

b)

FALSE

121.

Which of the property changes the width, style and color of the right border?

a)

border-top

b)

border-bottom

c)

border-right

d)

border-left

122.

Change the border size of the body or image

a)

border-style

b)

border-width

c)

border-color

d)

width

123.

To create a dotted border around the page

a)

border-style

b)

border-width

c)

border-color

d)

width

124.

Set the color of the border

a)

border-style

b)

border-width

c)

border-color

d)

width

125.

What symbols go around the properties for each CSS selector?

a)

< >

b)

[ ]

c)

{ }

d)

( )

126.

What does CSS stand for?

a)

Creative Style Sheets

b)

Cascading Style Sheets

c)

Colorful Style Spread

d)

Computer Style Spread

127.

Select the following properties that can be used for formatting text

a)

Table Border

b)

Text Color

c)

Text Alignment

d)

List Alignment

128.

This is used to set the color of the text

a)

Text Indentation

b)

Text Alignment

c)

Text Design

d)

Text Color

129.

What are the three types of style sheet

a)

Internal, external, inline

b)

Inline, internal, extreme

c)

Insidious, internal, external

d)

None of the above

130.

When you use id selector

What should present infront of idname

a)

?

b)

@

c)

#

d)

.

131.

When you use class selector

What should present infront of classname

a)

#

b)

&

c)

@

d)

.

132.

What symbols go around the properties for each CSS selector?

a)

< >

b)

[ ]

c)

{ }

d)

( )

133.

Which is the value in this CSS?
p {color: red;}

a)

p

b)

color

c)

red

HTML & CSS

Total questions: 133

Worksheet time: 4hrs 26mins