Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Advanced HTML

Total questions: 40

Worksheet time: 20mins

Name
Class
Date
1.

What tag tells the browser where the form starts and ends?

a)

<form> tag

b)

<table> tag

c)

<a> tag

d)

<img> tag

2.

What form elements are used in creating this text field?

a)

<select> and <option>

b)

<label> and <input>

c)

<textarea> and <input>

d)

<select> and <input>

3.

What HTML input type is used to create this password field?

a)

<input type="text">

b)

<input type="submit">

c)

<input type="password">

d)

<input type="radio">

4.

What HTML input type is used to create this submit button?

a)

<input type="text">

b)

<input type="submit">

c)

<input type="password">

d)

<input type="radio">

5.

What HTML input type is used to create this form selections?

a)

<input type="text">

b)

<input type="submit">

c)

<input type="password">

d)

<input type="radio">

6.

What HTML input type is used to create this form checkbox?

a)

<input type="text">

b)

<input type="checkbox">

c)

<input type="password">

d)

<input type="radio">

7.

Which allows the user to pick just one of a number of option

a)

Checkbox

b)

Radio button

c)

Drop down list

d)

Password input

8.

In a form, <input type="text" ...>

a)

cannot be set to "required"

b)

is not valid

c)

will accept multiple lines of characters.

d)

will accept only a single line of characters.

9.

An Email address field in a form

a)

<input type="email" id="email">

b)

<input type="text" id="email">

c)

<label for="email">

<email type="text" id="email">

d)

<input text="email" id="email">

10.

A comment field for multiple lines of text

a)

<label for="comments">

<comments type="textarea" id="comments">

b)

<label for="textarea">

<input type="textarea" id="textarea">

c)

<input type="textarea" rows="6" cols="50">

d)

<textarea rows="6" cols="50"></textarea>

11.

What input types are the arrows pointing to in the picture?

a)

Name

b)

Radio

c)

Text

d)

Checkbox

12.

The picture contains a simple HTML Form example.

a)

True

b)

False

13.

The <input type="text"> doesn't defines a single-line input field for text input.

a)

True

b)

False

14.

Radio buttons let a user select ONE of a limited number of choices.

a)

True

b)

False

15.

This image contains a simple example of HTML Radio Buttons.

a)

True

b)

False

16.

This image contains a simple example of checkboxes.

a)

True

b)

False

17.

Which of the following attributes is used to ensure a user fills out a required field before submitting a form?

a)
  • mandatory

b)
  • required

c)
  • validate

d)
  • complete

18.
Which semantic HTML element is typically used to contain navigation links?
a)
<nav>
b)
<header>
c)
<article>
d)
<section>
19.
How does the <footer> element contribute to a webpage?
a)
It is used for navigation links.
b)
It typically holds information like copyright details and contact information.
c)
It provides links to other articles.
d)
It contains the main content of the page.
20.
In what way does semantic HTML improve user experience?
a)
By allowing for more multimedia content.
b)
By providing clear structure and meaning to the content.
c)
By reducing the need for JavaScript.
d)
By making websites load faster.
21.
Which of the following statements about semantic HTML is true?
a)
Semantic HTML elements are only for styling purposes.
b)
Semantic HTML elements have no impact on accessibility.
c)
Semantic HTML elements help both browsers and developers understand content structure.
d)
Semantic HTML is not recognized by modern web browsers.
22.
Which semantic HTML element is used for the introductory content of a page or section?
a)
<section>
b)
<article>
c)
<header>
d)
<footer>
23.
Which element would you use to define a section of content that usually has a heading?
a)
<article>
b)
<footer>
c)
<section>
d)
<nav>
24.
How does using semantic HTML benefit visually impaired users?
a)
It speeds up the loading time of the webpage.
b)
It allows screen readers to better the content.
c)
It provides more color options for text.
d)
It makes the website look more appealing.
25.
What is one of the key advantages of using semantic HTML for SEO?
a)
It allows for more colorful designs.
b)
It improves website loading speed.
c)
It helps search engines index the content more effectively.
d)
It eliminates the need for CSS.
26.
Which HTML element is used to create a form?
a)
<textarea>
b)
<label>
c)
<form>
d)
<input>
27.
What role do `<input>` elements play in HTML forms?
a)
They define the layout of the form.
b)
They create various types of input fields.
c)
They display the form's title.
d)
They submit the form data.
28.
Which input type is best suited for collecting a user's email address?
a)
<input type='email'>
b)
<input type='number'>
c)
<input type='password'>
d)
<input type='text'>
29.
Which elements are used to create buttons that submit an HTML form?
a)
<input type='button'> and <button>
b)
<input type='submit'> and <button>
c)
<input type='reset'> and <button>
d)
<input type='text'> and <button>
30.
What is the purpose of form validation techniques in HTML?
a)
To create more input types
b)
To ensure correct data input
c)
To enhance the visual design of the form
d)
To style the form elements
31.
What is a key feature that should be included to enhance accessibility in HTML forms?
a)
Using bright colors for input fields
b)
Properly using `<label>` tags
c)
Including images in the form
d)
Limiting the number of input fields
32.

Which semantic tag is typically used to contain the header bar at the top of a page and often navigation links?

a)

<main>

b)

<header>

c)

<top>

d)

<banner>

33.

A page can have multiple articles, they can even be nested within each other.

a)

True

b)

False

34.

Define the meaning of the content they contain

a)

html tag

b)

semantic tag

c)

css tag

d)

name tag

35.

The _____ element represents a section of content that forms an independent part of a document or site; for example, a magazine or newspaper article.

a)

<html>

b)

<blog>

c)

<aside>

d)

<article>

e)

<section>

36.

Which tag is used for grouping related content or sidebar information?

a)

aside

b)

nav

c)

header

d)

main

37.

What is the difference between div and section tags?

a)

section is semantic; div is not semantic.

b)

div is semantic; section is not.

c)

Both are semantic tags.

d)

Neither are semantic tags.

38.

Why is it important to use semantic HTML tags for accessibility?

a)

Using semantic HTML tags makes the website look more visually appealing

b)

Using semantic HTML tags improves accessibility by providing a clear and meaningful structure to the content, making it easier for people with disabilities to navigate and understand the information.

c)

It is not important to use semantic HTML tags for accessibility

d)

Semantic HTML tags have no impact on accessibility

39.

Explain the significance of using semantic HTML tags for search engine optimization.

a)

Using semantic HTML tags can slow down the website, negatively impacting SEO

b)

Search engines do not recognize semantic HTML tags, so they do not affect SEO

c)

Semantic HTML tags provide context and meaning to the content, making it easier for search engines to index and understand the website's content, ultimately improving search engine optimization (SEO).

d)

Semantic HTML tags have no impact on search engine optimization

40.

How do semantic HTML tags differ from non-semantic HTML tags?

a)

Semantic HTML tags are only used for images, while non-semantic HTML tags are used for text

b)

Semantic HTML tags provide meaning to the content they enclose, while non-semantic HTML tags do not provide any specific meaning.

c)

Semantic HTML tags are used for styling, while non-semantic HTML tags are used for content

d)

Semantic HTML tags are newer than non-semantic HTML tags