wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Page 1

Total questions: 56

Worksheet time: 28mins

Name
Class
Date
1.

Which item is listed as an advantage of HTML5?

a)

Easy to learn and use

b)

Requires plugins for multimedia

c)

Limited mobile support

d)

Not SEO optimized

2.

Select all applications listed for HTML5.

a)

Website development

b)

Web applications

c)

Mobile web apps

d)

Online media platforms

e)

Device driver programming

3.

According to the comparison table, which is the correct HTML5 doctype declaration?

a)

b)

c)

d)

4.

Which statement about multimedia support is correct for HTML5?

a)

Provides native

b)

Requires Flash plugins for audio/video

c)

Supports multimedia only via Java applets

d)

Has no built-in multimedia capability

5.

Which are introduced as semantic elements in HTML5? Select all that apply.

a)

b)

c)

d)

6.

Which HTML5 technology enables drawing 2D graphics directly in the browser?

a)

and SVG

b)

Flash

c)

Silverlight

d)

VRML

7.

What enhancement to forms is highlighted for HTML5 in the comparison table?

a)

New input types with built-in validation like required

b)

Forms were removed entirely

c)

Only text inputs are supported

d)

Validation depends solely on external plugins

8.

HTML5 semantic elements are described in the passage. Which statement best reflects their role?

a)

They clearly describe the meaning and purpose of content to both the browser and the developer.

b)

They are used only to control visual styling without affecting document structure.

c)

They automatically speed up page loading regardless of markup quality.

d)

They are a replacement for CSS and JavaScript in modern web pages.

9.

In this context, what does the word semantic mean?

a)

Meaningful

b)

Graphical

c)

Numerical

d)

Procedural

10.

The passage explains why semantic elements are needed compared with earlier HTML. What is the key limitation of heavy use of div and span?

a)

They do not explain the content’s meaning.

b)

They are not supported by modern browsers.

c)

They significantly increase file size compared with semantic tags.

d)

They prevent the use of CSS for layout.

11.

According to the passage, which benefits are provided by semantic elements? Select all that apply.

a)

Improves code readability

b)

Helps search engines (SEO)

c)

Enhances accessibility

d)

Automatically writes page content

12.

Based on the diagram, which of the following is a semantic HTML element?

a)

div

b)

span

c)

header

d)

br

13.

Refer to the diagram titled "What Is Semantic HTML?" Which panel depicts non-semantic HTML?

a)

The left panel labeled Non-Semantic HTML

b)

The right panel labeled Semantic HTML

c)

Neither panel

d)

Both panels

14.

Which items are listed under Applications in the passage? Select all that apply.

a)

Personal websites

b)

Business websites

c)

Blogs

d)

Video game consoles

e)

Educational portals

15.

Which advantages are listed at the top of the page? Select all that apply.

a)

Easy maintenance

b)

Better SEO structure

c)

Reusable layout

d)

Time-saving

e)

Guaranteed cross-browser animation

16.

Based on the diagram’s bullet list of semantic HTML tags and roles, which element represents the bottom section of a page?

a)

nav

b)

section

c)

article

d)

footer

17.

According to the advantages listed for semantic elements, which benefit is explicitly mentioned?

a)

Better SEO ranking

b)

Requires CSS/JS for functionality

c)

Neutral container for inline styling

d)

No inherent benefits

18.

From the table comparing semantic vs non-semantic elements, which of the following is a non-semantic element example?

a)

header

b)

article

c)

nav

d)

div

19.

In the Browser Behavior row of the comparison table, what best describes non-semantic elements?

a)

Default styling and accessibility support

b)

Improves screen reader navigation by default

c)

Requires CSS/JS for styling/functionality

d)

Conveys a specific content role

20.

According to the SEO & Accessibility row, which type of elements improves search ranking and screen reader navigation?

a)

Semantic elements

b)

Non-semantic elements

c)

Only inline elements

d)

Only block-level non-semantic containers

21.

From the Use Case row, which statement aligns with semantic elements?

a)

Layout grouping or inline styling

b)

Structural content definition

c)

Neutral container for arbitrary content

d)

Primarily for visual effects only

22.

According to the applications list shown, which are typical sites where semantic elements are applied? Select all that apply.

a)

Blog websites

b)

News portals

c)

Business websites

d)

Educational websites

e)

Firmware update utilities

23.

From the diagram’s mapping, which element is described as an independent block of content?

a)

section

b)

article

c)

footer

d)

nav

24.

According to the definition provided, HTML5 Forms are primarily used to collect user input and send data to a server. What is the main purpose of HTML5 Forms as stated?

a)

Collect user input and send data to a server

b)

Display images and media content

c)

Apply visual styles to webpages

d)

Execute server-side programs automatically

25.

Forms allow interaction between user and website. Which of the following purposes are explicitly listed for HTML5 Forms in the passage: collect user data; perform user registration/login; submit feedback; search information; process online forms? Select all that apply.

a)

Collect user data

b)

Perform user registration/login

c)

Submit feedback

d)

Search information

e)

Process online forms

26.

In the basic form structure shown:

… Which attribute in the opening form tag specifies the HTTP method used to submit the form?

a)

method

b)

action

c)

name

d)

type

27.

In the basic form structure shown: Which input field is intended to accept an email address?

a)

The input with type="email" and name="email"

b)

The input with type="text" and name="username"

c)

The input with type="submit" and value="Submit"

d)

The label elements for Name and Email

28.

In the explanation, the action attribute is described as "Server file". What does the action attribute of a form denote in this context?

a)

The server file or endpoint that processes the submitted data

b)

A CSS file that styles the form

c)

A client-side validation script

d)

The unique identifier of the form element

29.

In the explanation section, is described as "Defines form". What does the element define?

a)

A form container that groups and submits user input

b)

An external stylesheet for page styles

c)

A site navigation menu

d)

A database table schema

30.

Refer to the image of the "Contact Us" form and code snippet showing an input with a placeholder like 1-234-567-8901. Which HTML5 input type is used for a phone number field in the example?

a)

tel

b)

text

c)

number

d)

email

31.

Refer to the code snippet in the image where the text input includes the attribute autofocus. Which attribute causes the cursor to be placed in the first text field automatically when the page loads?

a)

autofocus

b)

placeholder

c)

validate

d)

selected

32.

Refer to the HTML snippet: . Which attribute makes this field mandatory for submission?

a)

required

b)

placeholder

c)

pattern

d)

name

33.

From the line , what is the maximum allowed date value?

a)

2026-12-31

b)

2026-01-01

c)

2025-12-31

d)

2027-01-01

34.

In the example , what increment does the slider use between values?

a)

1

b)

5

c)

10

d)

Depends on browser defaults

35.

Consider the text input connected to a datalist: . What is the value of the list attribute?

a)

browsers

b)

browser-list

c)

options

d)

datalist

36.

Looking at the datalist definition with two option elements inside, how many options are provided to the user?

a)

0

b)

1

c)

2

d)

3

37.

In the button example , what text label appears on the button?

a)

Save

b)

Delete

c)

Open in New Tab

d)

Upload

38.

For the button , which attribute bypasses form validation?

a)

formnovalidate

b)

required

c)

pattern

d)

enctype

39.

In the control , which attribute causes the submission result to open in a new tab or window?

a)

formtarget

b)

target

c)

_blank

d)

value

40.

From the select element containing two options (HTML and CSS), how many choices are listed within the select?

a)

1

b)

2

c)

3

d)

4

41.

Examine the textarea example . What is the maximum number of characters allowed?

a)

300

b)

500

c)

50

d)

Unlimited

42.

In HTML5 forms, which attribute makes a field a mandatory field?

a)

required

b)

placeholder

c)

readonly

d)

autofocus

43.

In HTML5 forms, which attribute provides hint text for an input field?

a)

placeholder

b)

pattern

c)

required

d)

readonly

44.

Which HTML5 form attribute sets auto cursor focus on page load?

a)

autofocus

b)

required

c)

pattern

d)

placeholder

45.

Which HTML5 form attribute specifies a validation pattern for input?

a)

pattern

b)

readonly

c)

placeholder

d)

autofocus

46.

Which HTML5 form attribute makes an input read-only?

a)

readonly

b)

required

c)

pattern

d)

placeholder

47.

For the element , what is the input type?

a)

email

b)

text

c)

number

d)

url

48.

Which of the following is an advantage of HTML5 forms?

a)

Built-in validation

b)

More JavaScript required

c)

Less user-friendly inputs

d)

Slower form processing

49.

Select all advantages of HTML5 forms.

a)

Built-in validation

b)

Less JavaScript required

c)

User-friendly inputs

d)

Mobile optimized

e)

Faster form processing

50.

Which of the following is an application of HTML5 forms?

a)

Login forms

b)

Image sliders

c)

Media playback controls

d)

CSS grid layouts

51.

Select all applications of HTML5 forms.

a)

Login forms

b)

Registration forms

c)

Feedback forms

d)

Online surveys

e)

Code compilers

52.

Refer to the diagram showing HTML5 semantic layout with boxes labeled header, nav, section, article, aside, and footer. Which element typically contains site-wide navigation links?

a)

nav

b)

header

c)

aside

d)

footer

53.

Refer to the diagram showing HTML5 semantic layout. Which element represents complementary content often displayed alongside the main content area?

a)

aside

b)

section

c)

article

d)

footer

54.

In an HTML document, what does declare?

a)

The HTML document type definition

b)

An external stylesheet

c)

The character encoding

d)

The script type

55.

Which section of an HTML document encloses the visible page content?

a)

body

b)

head

c)

footer

d)

aside

56.

Which section of an HTML document usually contains metadata such as the title?

a)

head

b)

body

c)

article

d)

footer