wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML and CSS

Total questions: 30

Worksheet time: 30mins

Name
Class
Date
1.

What does the acronym HTML mean?

a)

Hyper Text Mask Language

b)

Hard Text Markup Language

c)

Hyper Text Markup Language

d)

Hard Text Mask Language

2.

Which label is correct to indicate a line break?

a)

<br>

b)

<br/>

c)

<hr>

d)

<breakLine>

3.

What is the correct way to write a comment in HTML?

a)

/* comment */

b)

<!– comment –>

c)

ctrl + Ç

d)

<¡– comment –>

4.

What is the correct way to write a link in HTML?

a)

<link href=”#”>…<link>

b)

<a title=”#”>…</>

c)

<a src=”#”>…</a>

d)

<a href=”#”>…</a>

5.

What tag is used to write an unordered list?

a)

<ol>

b)

<ul>

c)

<li>

d)

<list>

6.

What tag is used to name each row in an html list?

a)

<ol>

b)

<ul>

c)

<li>

d)

<list>

7.

The following instructions are accompanied by an attribute. Which one is correct?

a)

<img src=”foto.jpg” alt=”text”>

b)

<img src=”foto.jpg” value=”text”>

c)

<img src=”foto.jpg” text=”text”>

d)

<img src=”foto.jpg” desc=”text”>

8.

Which of the tags below has a direct impact on the search results page that Google offers for a particular website?

a)

<h1>

b)

<a href=”#” rel=”nofollow”>anchor</a>

c)

<title>

d)

<strong>

9.

How would you make the link open in the same tab where we are?

a)

<link href=”#” target=”_blank”>…</link>

b)

<link href=”#” target=”_self”>…</link>

c)

<a href=”#” target=”_blank”>…</a>

d)

<a href=”#” target=”_self”>…</a>

10.

What is the most efficient way to apply CSS styles to an HTML document?

a)

In line

b)

Embedded in the header

c)

External style sheets

d)

Using PHP

11.

Which of the following declarations are properties or attributes?

a)

h1

b)

background-color

c)

italic

d)

span

12.

Which of the following statements is a selector?

a)

p

b)

font-family

c)

50px

d)

red

13.

How do you define a background color for all "p" tags in CSS?

a)

p.all {background-color:red;}

b)

-p {background-color:red;}

c)

#p {background-color:red;}

d)

p {background-color:red;}

14.

With what property is defined the space between the border of an element and the elements that surround it?

a)

border

b)

margin

c)

padding

d)

No answer is correct

15.

How do you change the value of the right margin of an element?

a)

text-right

b)

right-magin

c)

margin-right

d)

marginright

16.

What does CSS mean?

a)

Cascading Style Sheets

b)

Center Style Steels

c)

Calibre Style Sheet

d)

No answer is correct

17.

How do you indicate that the text color is red?

a)

color: red

b)

color: #FF0000

c)

color: RGB(255, 0, 0)

d)

All the answers are correct

18.

How do you indicate that all "span" elements have bold text?

a)

span {text-color:bold}

b)

span {text-weight:bold}

c)

span {font-style:bold}

d)

span {font-weight:bold}

19.

What property is used to change the font of an element?

a)

text-type

b)

font-type

c)

font-family

d)

text-family

20.

What is HTML?

a)

A kind of website editor

b)

A markup language for creating web pages

c)

A browser

d)

A style sheet

21.

Where is the <title> tag displayed?

a)

In the content of the page, it will be the largest heading

b)

In the browser tab that displays the document

c)

Not displayed because it is an element of <head>

d)

Its use in HTML5 is discouraged

22.

What is the correct order of the opening tags for a basic web structure?

a)

<body>, <head>, <html>

b)

<html>, <body>, <head>

c)

<html>, <head>, <body>

d)

<head>, <body>, <html>

23.

What is the pseudo-class used to detect when the mouse passes over an element?

a)

:first-child

b)

:link

c)

:sobre

d)

:hover

24.

What elements are, by default, of block?

a)

<p>, <h3> y <div>

b)

<p>, <strong> and <div>

c)

<p>, <h3> and <span>

d)

<strong>, <ul> and <span>

25.

What does it mean that Google is based on “mobile first”.

a)

That the design of the layout begins with the mobile size and is adapted to the largest devices

b)

What is a type of programming that is only used for mobiles

c)

What cannot be used on mobiles

d)

That is designed first for large screens and then the design for mobile phones is changed

26.

If we have defined the property "text-shadow: 3px 4px 2px #fff;"

a)

3px: is the size of the shadow that is applied to the right of the text

b)

4px: is the size of the shadow that is applied to the right of the text

c)

2px: is the size of the shadow that is applied to the right of the text

d)

The direction of the shadow is not defined

27.

If we have defined the property "text-shadow: 3px 4px 2px #fff;"

a)

3px: is the amount of blur that is applied

b)

4px: is the amount of blur that is applied

c)

2px: is the amount of blur that is applied

d)

The amount of shadow blur is undefined

28.

Gradients are defined...

a)

On the property "background"

b)

On the property "image"

c)

On the property "gradient"

d)

On the property "border"

29.

What would you do to select all the images and all the links that are inside the "section" tag

a)

section img section a {...}

b)

section img, section a {...}

c)

section img a {...}

d)

section, img a {...}

30.

What kind of animation is uniform throughout the tour?

a)

ease

b)

ease-in

c)

ease-out

d)

linear