wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Web Sys ICS

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

A video conferencing app prefers UDP instead of TCP. Which is the strongest reason?

a)

It always guarantees packet order

b)

It minimizes lag

c)

It auto-encrypts without extra effort

d)

It requires fewer servers

2.

A developer’s <img> loads blank space. What attribute is required to locate the file?

a)

href

b)

src

c)

alt

d)

id

3.

A team adds <ul> with plain text but no <li>. Why is this invalid?

a)

Only <li> is valid inside <ul>

b)

Browsers automatically wrap text in <p>

c)

It must be <ol> instead

d)

Whitespace breaks the list

4.

A visually impaired user benefits when <strong> is used. Why?

a)

Text size doubles

b)

Screen readers announce emphasis

c)

It adds both bold and underline

d)

It blocks inline CSS

5.

A link opens in a fresh tab after clicking. Which attribute made this happen?

a)

href

b)

target

c)

rel

d)

alt

6.

Why are HTML comments valuable in collaboration?

a)

They hide sensitive passwords

b)

They allow invisible developer notes

c)

They add SEO keywords secretly

d)

They reduce bandwidth

7.

A banner with position: fixed remains visible while scrolling. Why?

a)

It resets with screen refresh

b)

It follows DOM order

c)

It pins the element to the viewport

d)

It hides automatically on small screens

8.

Why is separating HTML from CSS considered best practice?

a)

It stops inline images from loading

b)

It makes content maintainable and accessible

c)

It reduces tag count

d)

It forces faster DNS lookups

9.

A hover effect feels smooth because of CSS transition: 0.4s;. Why?

a)

It caches scripts

b)

It animates property changes gradually

c)

It delays server requests

d)

It increases frame rate

10.

JavaScript is client-side mainly because:

a)

It executes inside the user’s browser

b)

It compiles before HTML loads

c)

It runs only in databases

d)

It loads before CSS

11.

A modal closes with the “X” but not on outside click. What’s missing?

a)

A window-level click handler

b)

A CSS background color

c)

An id for modal

d)

A close button tag

12.

A password box reveals each keystroke. Which is the correct input type?

a)

hidden

b)

password

c)

text

d)

secure

13.

Which layer does JavaScript represent in the HTML-CSS-JS model?

a)

Interactivity and logic

b)

Page structure

c)

Layout styling

d)

Server storage

14.

Which JS snippet best validates that a field is not empty?

a)

Add hover in CSS

b)

Inline onclick in HTML

c)

if(input.value === "") alert("Required")

d)

Force a background color

15.

Which CSS ensures images resize automatically on smaller screens?

a)

z-index: 10;

b)

max-width: 100%;

c)

position: absolute;

d)

float: left;

16.

An e-commerce website uses forms to collect customer data. The developer forgot to include the name attribute in <input> fields. What will happen during submission?

a)

Data will not be sent to the server

b)

Form will fail to load

c)

Inputs will not accept typing

d)

Values will be hidden from JavaScript

17.

Why is inline CSS problematic in large projects?

a)

Fonts fail to render

b)

It increases maintenance difficulty

c)

It breaks JavaScript code

d)

It slows DNS lookups

18.

A <script> in <head> without defer makes the page freeze. Why?

a)

Scripts block HTML rendering until loaded

b)

Scripts must have IDs

c)

CSS blocks JavaScript

d)

Head cannot hold <script>

19.

Before submitting a form, the script checks if input is blank. What is the correct method?

a)

Inline CSS validation

b)

Checking .value with JavaScript

c)

CSS hover rule

d)

Adding onclick only

20.

Which happens when a container has overflow: hidden;?

a)

Scrollbars are removed, clipped content hidden

b)

CSS animation halts

c)

Text bolds automatically

d)

Background fails to load