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.

featured articles

popular favourites

HTML5 Practice Quiz

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)

  1. <article>
  2. <header>Umbrella Corporation</header>
  3. <p>Article content</p>
  4. <sidebar>Footnotes</sidebar>
  5. </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

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

You must be signed up in order to leave comments.

web developer guide

featured comment

by Aisling Brock in New Business Card Design

what i'm reading

A Feast for Crows: A Song of Ice and Fire: Book Four
A Feast for Crows: A Song of Ice and Fire: Book Four

what i'm watching

Prometheus: Collector's Edition (Bilingual) [Blu-ray 3D + Blu-ray + DVD + Digital Copy]
Prometheus: Collector's Edition (Bilingual) [Blu-ray 3D + Blu-ray + DVD + Digital Copy]

what i'm playing

Borderlands
Borderlands

what i'm hearing

Planets
Planets

blogs

podcasts

no ads ever

This blog is free of advertising, and always will be.

creative commons licensed

The content of this blog is free to use in whatever way you wish under the Creative Commons license.