Answer the questions according to your theory lessons on HTML5.
advertisement
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
