HTML 5 – General Structure and Forms
Answer the questions according to your theory lessons on HTML5.
Checkpoint #1
What was the general idea behind the development of HTML5?
Checkpoint #2
What do you know about the adoption of HTML5 by the I.T industry?
Which HTML editor do you use? Name a few other HTML editors you know of.
Which browsers can be used with HTML5?
Checkpoint #3
Study the HTML5 coding on the next page and then sketch the general layout of the web page.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Preprost HTML 5</title>
<link href="css/html5reset.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<header>
<hgroup>
<h1>Header in h1</h1>
<h2>Subheader in h2</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a href="#">Menu Option 1</a></li>
<li><a href="#">Menu Option 2</a></li>
<li><a href="#">Menu Option 3</a></li>
</ul>
</nav>
<section>
<article>
<header>
<h1>Article #1</h1>
</header>
<section>
This is the first article. This is <mark>highlighted</mark>.
</section>
</article>
<article>
<header>
<h1>Article #2</h1>
</header>
<section>
This is the second article. These articles could be blog posts, etc.
</section>
</article>
</section>
<aside>
<section>
<h1>Links</h1>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</section>
<figure>
<img width="85" height="85"
src="amresh.jpg"
alt="Amresh Torul" />
<figcaption>Amresh Torul</figcaption>
</figure>
</aside>
<footer>Footer - Copyright 2015</footer>
</body>
</html>
Checkpoint #4
Decide if these statements are true or false.
The <form> element was first introduced in HTML5. _______ (true/false)
Forms are expected to work faster on HTML5. ______ (true/false)
Checkpoint #5
What is the function of autocomplete?
Checkpoint #6
Write down the correct <input> attributes for each definition.
Definition
a) specifies that an <input> element should automatically get focus when
the page loads
b) specifies the URL of the file that will process a form
c) defines the method for sending form-data to the action URL
d) specifies that form data should not be validated when submitted
e) refers to an <input> element that contains pre-defined options for the
user to choose from
f) specifies that an input field must be filled out before submitting the form
Checkpoint #7
Explain the functions of the following <input types> or attributes:
<input type> search:
<input type> email:
<input type> url:
<input type> tel:
pattern:
Attribute
0
