Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CISY1006 WDP

Total questions: 50

Worksheet time: 38mins

Name
Class
Date
1.

What does CSS stand for?

a)

Creative Style sheet

b)

Computer Style sheet

c)

Cascading Style Sheet

d)

Colorful Style Sheet

2.

Select the option to make a list that lists the items with numbers?

a)

ul

b)

ol

c)

dl

d)

list

3.

In CSS, choose the correct option to select this image by its id?

<img id=”mainpic” src=”cat.png”>

a)

mainpic { }

b)

#mainpic { }

c)

img { }

d)

.mainpic { }

4.

Which HTML tag is used to define an internal style sheet?

a)

<html>

b)

<css>

c)

<style>

d)

<script>

5.

Select the property that is used to create spacing between HTML elements?

a)

padding

b)

spacing

c)

margin

d)

border

6.

Select the appropriate HTML tag for inserting a line break?

a)

break

b)

br

c)

nl

d)

line

7.

Which property is used to change the background color?

a)

bgcolor

b)

background-color

c)

color

8.

Which one is the radio buttons?

a)

A

b)

B

9.

The purple input type is a _______________.

a)

Text field

b)

Text area

c)

Text box

10.

Which CSS property is used to change the text color of an element?

a)

color

b)

text-color

c)

font-color

11.

Select the correct HTML for creating a hyperlink?

a)

<a link="http://firstcity.edu.my">firstcity</a>

b)

<a href="http://firstcity.edu.my">firstcity</a>

c)

<a url="http://firstcity.edu.my">firstcity.edu.my</a>

12.

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

a)

font-style

b)

font-face

c)

font-family

13.

Which CSS selector is used to target elements with a specific class?

a)

.class

b)

#class

c)

.id

d)

#id

14.

What does the following CSS selector target: .box .content?

a)

All elements with the class "box"

b)

All elements with the class "content" inside an element with the class "box"

c)

All elements with both the class "box" and the class "content"

d)

All elements with the id "box" and the class "content"

15.

How can you select an element with a specific ID in CSS?

a)

.id

b)

#id

c)

id

d)

@id

16.

Which CSS selector targets all HTML elements of a specific type?

a)

ID selector

b)

Class selector

c)

Universal selector

d)

Element selector

17.

What is the purpose of a CSS selector?

a)

To apply styles to HTML elements

b)

To create new HTML elements

c)

To define JavaScript functions

d)

To add interactivity to web pages

18.

Which CSS property is used to change the color of text?

a)

text-color

b)

color

c)

font-color

d)

text-style

19.

What is the purpose of the CSS box model?

a)

To define the layout of a webpage

b)

To define the size and spacing of elements on a webpage

c)

To create borders around elements

d)

To add shadows to elements

20.

In CSS, which property is used to change the font size of an element?

a)

font-size

b)

text-size

c)

size

d)

font-style

21.

Which HTML tag is used to create a paragraph?

a)

<para>

b)

<p>

c)

<paragraph>

d)

<pg>

22.

Which CSS property is used to change the background image of an element?

a)

background-image

b)

image

c)

bg-image

23.

What is the correct HTML tag for creating a hyperlink that opens in a new tab?

a)

<a href="http://example.com" target="_blank">Link</a>

b)

<a href="http://example.com" target="_new">Link</a>

c)

<a href="http://example.com" target="_tab">Link</a>

24.

Which HTML tag is used to create a heading?

a)

<h1>

b)

<heading>

c)

<head>

d)

<title>

25.

What is the correct way to comment in HTML?

a)

<!-- This is a comment -->

b)

// This is a comment //

c)

/* This is a comment */

d)

# This is a comment #

26.

Which CSS property is used to set the text alignment of an element?

a)

text-align

b)

align-text

c)

text-style

d)

align

27.

Which HTML tag is used to create a list item?

a)

<li>

b)

<ul>

c)

<ol>

d)

<list>

28.

What is the correct way to include an external CSS file in HTML?

a)

<link rel="stylesheet" type="text/css" href="styles.css">

b)

<style src="styles.css">

c)

<css src="styles.css">

d)

<script src="styles.css">

29.

How can you create a drop-down list (select box) in HTML?

a)

<dropdown>

b)

<list>

c)

<select>

d)

<option>

30.

Which attribute of the <input> element is used to specify the type of input control?

a)

type

b)

control

c)

text

d)

input-type

31.

Which HTML element is used to create a form?

a)

<form>

b)

<input>

c)

<label>

d)

<textarea>

32.

When would you use the absolute value for the position property?

a)

When you want to position an element relative to its normal position in the document flow

b)

When you want to remove an element from the document flow

c)

When you want to position an element relative to its closest positioned ancestor

d)

When you want to position an element relative to the viewport

33.

What is the purpose of the float property in CSS?

a)

To move elements to the left or right, allowing text to wrap around them

b)

To vertically center elements within their containers

c)

To make elements completely invisible

d)

To change the opacity of elements

34.

What is the default position value for HTML elements?

a)

relative

b)

fixed

c)

absolute

d)

static

35.

What CSS property is used to set the positioning scheme for an element?

a)

layout

b)

position

c)

display

d)

float

36.

Which CSS property is used to add shadows to elements?

a)

shadow

b)

box-shadow

c)

element-shadow

37.

What is the purpose of the z-index property in CSS?

a)

To change the font size of an element

b)

To control the stacking order of elements

c)

To change the background color of an element

38.

What is missing from this HTML skeleton?


<!DOCTYPE html>

<html>

<body>

</body>

</html>

a)

<head></head>

b)

<div></div>

c)

<img></img>

d)

<head>

39.
Jerry wants to insert a line break into his webpage. Which code should he use?
a)
<ul>
b)
<li>
c)
<br>
d)
<h1>
40.

How can you center align text using CSS?

a)

text-align: right;

b)

text-align: center;

c)

text-align: justify;

d)

text-align: left;

41.

What is the purpose of the <div> tag in HTML?

a)

The purpose of the

tag in HTML is to group and style HTML elements together.

b)

The purpose of the

tag in HTML is to display an image.

c)

The purpose of the

tag in HTML is to define a table.

d)

The purpose of the

tag in HTML is to create a hyperlink.

42.

Which of these CSS rules would make all h1s and h2s red?

a)

h1, h2

{color: red;}

b)

h1 + h2

{color: red;}

c)

h1 h2

{color: red}

d)

h1 and h2

{color: red;}

43.

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;}

44.

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

a)

text-type

b)

font-type

c)

font-family

d)

text-family

45.

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

a)

:first-child

b)

:link

c)

:sobre

d)

:hover

46.

What is padding in CSS?

a)

Padding allows an object to align to the right, left or centre

b)

Padding is the type of colour that you can use

c)

Padding is the space between the border of the object/element and the other element inside

47.
What is the proper code to insert an image named "frog.jpg"?
a)
<img src="frog" width="104" height="142">
b)
<img="frog.jpg" width="104" height="142">
c)
<img src="frog.jpg" width="104" height="142">
d)
<img ="frog" width="104" height"142">
48.

What is a server?

a)

It is a computer, that hears the client side device request, and generate a response to it.

b)

It is the device we use to access the internet

c)

Pictures of Cats

d)

It is a cable that connects two or more computers

49.
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
50.

Why is it important to avoid repetitive code while creating a website?

a)

Excessive code is harder to read and understand

b)

It is easier to make edits to websites when CSS rules are strategically grouped and organized

c)

It demonstrates good coding style

d)

All are correct