WorksheetsAdvanced HTML
Total questions: 40
Worksheet time: 20mins
What tag tells the browser where the form starts and ends?
<form> tag
<table> tag
<a> tag
<img> tag
What form elements are used in creating this text field?
<select> and <option>
<label> and <input>
<textarea> and <input>
<select> and <input>
What HTML input type is used to create this password field?
<input type="text">
<input type="submit">
<input type="password">
<input type="radio">
What HTML input type is used to create this submit button?
<input type="text">
<input type="submit">
<input type="password">
<input type="radio">
What HTML input type is used to create this form selections?
<input type="text">
<input type="submit">
<input type="password">
<input type="radio">
What HTML input type is used to create this form checkbox?
<input type="text">
<input type="checkbox">
<input type="password">
<input type="radio">
Which allows the user to pick just one of a number of option
Checkbox
Radio button
Drop down list
Password input
In a form, <input type="text" ...>
cannot be set to "required"
is not valid
will accept multiple lines of characters.
will accept only a single line of characters.
An Email address field in a form
<input type="email" id="email">
<input type="text" id="email">
<label for="email">
<email type="text" id="email">
<input text="email" id="email">
A comment field for multiple lines of text
<label for="comments">
<comments type="textarea" id="comments">
<label for="textarea">
<input type="textarea" id="textarea">
<input type="textarea" rows="6" cols="50">
<textarea rows="6" cols="50"></textarea>
What input types are the arrows pointing to in the picture?
Name
Radio
Text
Checkbox
The picture contains a simple HTML Form example.
True
False
The <input type="text"> doesn't defines a single-line input field for text input.
True
False
Radio buttons let a user select ONE of a limited number of choices.
True
False
This image contains a simple example of HTML Radio Buttons.
True
False
This image contains a simple example of checkboxes.
True
False
Which of the following attributes is used to ensure a user fills out a required field before submitting a form?
mandatory
required
validate
complete
Which semantic tag is typically used to contain the header bar at the top of a page and often navigation links?
<main>
<header>
<top>
<banner>
A page can have multiple articles, they can even be nested within each other.
True
False
Define the meaning of the content they contain
html tag
semantic tag
css tag
name tag
The _____ element represents a section of content that forms an independent part of a document or site; for example, a magazine or newspaper article.
<html>
<blog>
<aside>
<article>
<section>
Which tag is used for grouping related content or sidebar information?
aside
nav
header
main
What is the difference between div and section tags?
section is semantic; div is not semantic.
div is semantic; section is not.
Both are semantic tags.
Neither are semantic tags.
Why is it important to use semantic HTML tags for accessibility?
Using semantic HTML tags makes the website look more visually appealing
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.
It is not important to use semantic HTML tags for accessibility
Semantic HTML tags have no impact on accessibility
Explain the significance of using semantic HTML tags for search engine optimization.
Using semantic HTML tags can slow down the website, negatively impacting SEO
Search engines do not recognize semantic HTML tags, so they do not affect SEO
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).
Semantic HTML tags have no impact on search engine optimization
How do semantic HTML tags differ from non-semantic HTML tags?
Semantic HTML tags are only used for images, while non-semantic HTML tags are used for text
Semantic HTML tags provide meaning to the content they enclose, while non-semantic HTML tags do not provide any specific meaning.
Semantic HTML tags are used for styling, while non-semantic HTML tags are used for content
Semantic HTML tags are newer than non-semantic HTML tags
