Scribd
Upload
2K views

Quiz For HTML5 CSS3

The document contains a 20 question HTML5 and CSS3 post test with multiple choice answers. It tests knowledge of HTML5 doctypes, tags, attributes, elements, and responsive design. It also contains questions about CSS selectors, pseudos, JavaScript, and changes needed to make a webpage responsive.

Uploaded by

riya
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2K views

Quiz For HTML5 CSS3

The document contains a 20 question HTML5 and CSS3 post test with multiple choice answers. It tests knowledge of HTML5 doctypes, tags, attributes, elements, and responsive design. It also contains questions about CSS selectors, pseudos, JavaScript, and changes needed to make a webpage responsive.

Uploaded by

riya
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 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

You might also like