Name: ____________________
Emp Code: ___________________
Organization: ___________________
HTML5 / CSS3 Post Test
1. Select the Doctype that should be specified at the top of all HTML5 documents.
1 Mark
a. <!doctype html5>
b. <! DOCTYPE html PUBLIC "-//W3C//DTD HTML 5.0 Transitional//EN">
c. <! DOCTYPE5 html PUBLIC "-//W3C//DTD HTML 5.0 Transitional//EN">
d. <!doctype html>
2. Which HTML tag is not valid in HTML5? 1 Mark
a. <div>Hello World</div>
b. <br>
c. <div />
d. <span>Hello World</span>
3. Presentation elements such as <font> and <center> which were deprecated in
HTML4.01 can still be used in HTML5 1 Mark
a. True
b. False
4. HTML5 supports drag-and-drop of elements into a receiver called a "canvas".
1 Mark
a. True
b. False
5. HTML5 supports Geolocation which can be used to find the location of the person
browsing. 1 Mark
a. True
b. False
6. Following method is used to get the current location of the user in Geolocation in
HTML5? 1 Mark
a. getCurrentPosition()
b. getPosition()
c. getLocation()
d. getCurrentLocation()
7. Which of the following attribute(s) isn't supported by HTML 5? 1 Mark
1) align
2) cellspacing
3) alt
4) cite
a. 1 and 2
b. 3 and 4
c. 2 and 3
d. 1 and 4
8. What is the difference between localStorage and sessionStorage? 2 Marks
9. Select the correct HTML5 element for defining a navigation menu for your site.
1 Mark
a. <nav>
b. <navigation>
c. <menu>
d. <menulist>
10. Which of these elements is not supported in HTML5? 1 Mark
a. Blockquote
b. Center
c. Cite
d. Table
11. Under HTML5, script tags will not need to specify which previously required
attribute? 1 Mark
a. type
b. src
c. rel
d. href
12. Which of these is not a valid type of input element? 1 Mark
a. Telephone
b. Range
c. Color
d. Date
13. What is the difference between an ID selector and CLASS selector in CSS? 2 Mark
14. Give 3 examples of CSS Pseudo classes. 3 Marks
15. JavaScript is a programming language that: 1 Mark
a. is not strict about variable type and declaration
b. is a web-specific version of Java
c. only supports user-generated event handling (e.g., clicking)
d. is executed on the server
16. Encircle the 10 errors in the code: 5 Marks
<!DOCTYPE html5>
<html>
<head>
<title>Vitamin BBC</title>
<title>The best of British television</title>
<link rel="stylesheet" href="./css/VitaminBBC.css"/>
<script href="./js/VitaminBBC.js"></script>
</head>
<body>
<header>
<img src=".\VitaminBBC.png" id="siteLogo"></img>
</header>
<nav> <ul>
<li><a href="./costumedramas.html">Costume Dramas</a>
<ul><li><a href="./austen.html">Jane Austen</a></li>
<li><a href="./brontes.html">The Brontes</a></ul></li>
<li><a href="./mysteries.html">Mysteries</a></li>
</ol> </nav>
<article>
<p class="disclaimer'>DISCLAIMER: These shows may contain mature
subject matter - viewer discretion is advised.</p>
<p id="welcome">Welcome! British television is amazing.</p>
</article>
<aside>
<h1>About</h1>
<p id="welcome">Vitamin BBC is the antidote to mundane
television. <a link="http://www.bbc.co.uk">Click here to visit the
BBC's website</p>, which has complete show listings.</p>
</aside>
<foot>
© 2014 (CISC 282)
</foot>
</body>
</html>
17. Responsive design: 1 Mark
a. adapts a website to the width of the browser or device
b. requires CSS3 @media queries
c. is a replacement for browser sniffing
d. all of the above
18. What changes need to be checked when making a webpage responsive? Quote any 4.
2 Marks
19. Re-design the below page as per HTML5. 1 Mark
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> My Website </title>
</head>
<body>
<h1> Welcome to My Website </h1>
<p> I am glad you decided to stop by. </p>
</body>
</html>
20. Mention atleast 6 new semantic tags. 2 Marks
