wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Test Front-end

Total questions: 30

Worksheet time: 23mins

Name
Class
Date
1.

Who is making the Web standards?

a)

Mozila

b)

The world wide web consortium

c)

Microsoft

d)

Google

2.

Choose the correct HTML element for the largest heading:

a)

<h6>

b)

<head>

c)

<heading>

d)

<h1>

3.

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

a)

<br>

b)

<lb>

c)

<break>

4.

What is the correct HTML for adding a background color?

a)

<body bg="yellow"></body>

b)

<body style="background-color: yellow" />

c)

<background>yellow</background>

5.

Choose the correct HTML element to define important text

a)

<b>

b)

<i>

c)

<strong>

d)

<important>

6.

Choose the correct HTML element to define emphasized text

a)

<italic>

b)

<i>

c)

<em>

7.

What is the correct HTML for creating a hyperlink?

a)

<a name="https://www.google.com/" />Google</a>

b)

<a url="https://www.google.com/" />Google</a>

c)

<a href="https://www.google.com/" />Google</a>

8.

Which character is used to indicate an end tag?

a)

/

b)

<

c)

*

d)

^

9.

Let's write html open a link www.google.com in a new tab/browser window

Note: `code_here`

(a)  

10.

Which of these elements are all <table> elements?

a)

<table><tr><td>

b)

<table><tr><tt>

c)

<table><head><tfoot>

d)

<thead><body><tr>

11.

Explain five new input types provided by HTML5 for forms?

(a)  

12.

Tell me two benefits of HTML5 Web Storage

(a)  

13.

What is <figure> in HTML5?

(a)  

14.

Write an HTML table tag sequence that outputs the following:

50 pcs 100 500

10 pcs 5 50

(a)  

15.

Do all HTML tags come in a pair?

(a)  

16.

Why is the external style sheet useful?

(a)  

17.

What are the uses of an embedded style sheet?

(a)  

18.

What is CSS flexbox?

Let's wrire css make UI as picture


<!DOCTYPE html>

<html>

<head>


<style>

(a)  

</style>

</head>


<body>

<div class="classA>

<div>1</div>

<div>2</div>

<div>3</div>

</div>

<p> Example of <em>flex</em>box.</p>

</body>

</html>

19.

What are the differences between relative and absolute in CSS?

(a)  

20.

How is the concept of inheritance applied in CSS?

(a)  

21.

What is the CSS Box model and what are its elements?

(a)  

22.

Explain the difference between visibility: hidden and display: none?

(a)  

23.

Where is the correct place to insert a JavaScript?

a)

The <head> section

b)

Both the <head> section and the <body> section are correct

c)

The <body> section

24.

What is the correct syntax for referring to an external script called "example.js"?

a)

<script hreft="example.js">

b)

<script src="example.js">

c)

<script file="example.js">

d)

<script url="example.js">

25.

How to write an IF statement for executing some code if "i" is NOT equal to 5?

a)

if i <> 5

b)

if (i <> 5)

c)

if (i!=5)

d)

if i =!5 then

26.

How does a WHILE loop start?

a)

while (i <=10)

b)

while (i <=10; i ++)

c)

while i = 1 to 10

27.

How does a FOR loop start?

a)

for ( i=0; i <=5; i++)

b)

for (i<=5; i ++)

c)

for ( i=0; i<=5)

d)

for i = 1 to 5

28.

How do you round the number 7.25, to the nearest integer?

(a)  

29.

How do you find the number with the highest value of x and y?

(a)  

30.

How can you detect the client's browser name?

a)

client.navName

b)

navigator.appName

c)

browser.name