demosthenes.info

I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my projects

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

HTML5 Practice Quiz

students / quizzes

Estimated reading time: 1 minute, 30 seconds

Introduction

Worth: 10% of your final grade. There are eight questions in this closed-book quiz, worth a total of 22 marks.

Time: You have 15 minutes to complete this quiz.

Note: Code written must be valid and work in order to achieve full marks.

For full recreation of quiz conditions, it is suggested that you print out this page and write your answers on the page. The quiz key will print out separately.

Question 1

Write the correct DOCTYPE for an HTML5 page. (2 marks)


Question 2

Write a form text input that will be required to be filled out by a user before they can submit the form in an HTML5-compatible browser. (Only the input markup is required) (2 marks)



Question 3

Name three form input types that are new and exclusive to HTML5 (1 mark for each correct answer, for a total of three marks).


Question 4

The words “next Saturday” in the body copy sentence “I’ll see you next Saturday” should be marked up with what HTML5 tag? (2 marks)


Question 5

Rather than traditional descriptive meta tags in the <head>, HTML5 works best with (circle one, for one mark).

  1. Microdata
  2. Metaformats
  3. Microformats
  4. RDF
  5. <link />
  6. a, d & c
  7. a & c

Question 6

Write a valid link to a stylesheet using the minimal amount of HTML5 possible. (2 marks)


Question 7

What is wrong with the following code? (You can assume that the rest of the page is correct). (2 marks)

<article>
<header>Umbrella Corporation</header>
<p>Article content</p>
<sidebar>Footnotes</sidebar>
</article>

Question 8

Name two codecs supported by browsers for the HTML5 <video> or <audio> tag. (2 marks each, for a total of 4 marks)


Answers:

Question 1

<!DOCTYPE html> more info

Question 2

<input type=”text” name=”firstname” id=”firstname” required> more info

Question 3

color, number, tel, url, search more info

Question 4

time more info

Question 5

6

Question 6

<link rel=stylesheet href=styles.css> more info

Question 7

No such tag as <sidebar>; <aside> should be used instead. more info

Question 8

OGG, H264, VP8 more info

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.