wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML - CSS quiz 1

Total questions: 20

Worksheet time: 17mins

Name
Class
Date
1.

One characteristic that corresponds to HTML could be...

a)

Uses tags to define elements within a document

b)

Uses tags which are used mostly in pairs.

c)

Describes how the text will be displayed on the webpage

d)

All are correct

2.

The word Cascading in CSS means...

a)

The properties and values can be applied simultaneously affecting different pages.

b)

It can be used only for internal process styling the page.

c)

it is mainly used to stylize the page, changing all the properties.

d)

cascading refers the changes are applied considering an specific order.

3.

Which CSS type style (inline - external - internal) is representing the previous image?

(a)  

4.

Within which tags on the HTML page is the content of the page located?

a)

<head></head>

b)

<html></html>

c)

<style></style>

d)

<body></body>

5.

Which image presents the basic tags required to begin creating a webpage?

a)

b)

c)

d)

6.

What is the correct line in HTML for creating a hyperlink to an external site?

a)

<a href="http://.....">selected site</a>

b)

<a name="http://...">selected site</a>

c)

<a url="http://...">selected site</a>

d)

<a>http://selected site</a>

7.

Choose the image that edit a paragraph using inline style

a)

b)

c)

d)

8.

Observe the next HTML line code: <a href="home.html"><img src="home.png" height="100" weigth="100">HOME</a>. Choose what will be the expected result

a)

An image that acts as a link that goes a page called HOME.

b)

A button that acts as a link that opens an image called HOME.

c)

An link that opens an image called HOME.

d)

A link that allows to open a page called HOME.

9.

What is the correct HTML element for inserting an image that is saved locally (USB - PC)?

a)

<img href="nasa.jpg" alt="NASA";>

b)

<image src="images/nasa.jpg" height="100" width="100">

c)

<img src="images/nasa.jpg" height="100" width="100">

d)

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

10.

To obtain the previous result the correct block of code would be...

a)

b)

c)

d)

11.

In CSS language the option external style is used for...

4 lines
12.

To create the previous list the correct block would be...

a)

b)

c)

d)

13.

Using CSS language, create a selector for styling a paragraph, then add it the next properties and values: font-family: Arial, font-size: 20px, color: blue, text-align: justify.

4 lines
14.

Observe the HTML code used to add a paragraph in your page. Mention the mistakes that you identified

4 lines
15.

After using the previous line code the result on the screen will be...

a)

b)

c)

d)

16.

<img src="star.png" alt= "a five printedyellow star" weight="200" height="300"> which is the tag in the previous HTML line code?

a)

src="star.png"

b)

<img>

c)

alt=" "

d)

weight=" " height=" "

17.

In the previous CSS code used for styling a subheading which line of code would you change to make the subheading display on the right-hand side?

a)

line 5

b)

line 2

c)

line 6

d)

none is correct

18.

These elements select the HTML element(s) you want to style in a webpage

a)

tags

b)

properties

c)

selectors

d)

values

19.

To obtain the previous table the correct HTML code should be...

a)

b)

c)

20.

What is the most effective process to add background-color to the table and obtain the presented result?

a)

b)

c)