Вы находитесь на странице: 1из 4

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>
&copy; 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

Вам также может понравиться