-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (126 loc) · 8.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<html>
<head>
<title>HTML5 Quiz</title>
<meta charset="utf-8">
<meta name="viewport" content="width = device-width, initial-scale = 1">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<header>
<div class="pull-left">HTML5 Quiz</div>
<div class="pull-right">www.quiz.co.in</div>
</header>
<main>
<form class="questionForm" id="q1" data-question = 1>
<h3>1. Which tag should be used to represent the "header" of the document?</h3>
<ul>
<li><input type = "radio" name = "q1" value = "a" /><head></li>
<li><input type = "radio" name = "q1" value = "b" /><header></li>
<li><input type = "radio" name = "q1" value = "c" /><heading></li>
<li><input type = "radio" name = "q1" value = "d" /><main></li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q2" data-question = 2>
<h3>2. Following method is used to get the current location of the user in Geolocation in HTML 5</h3>
<ul>
<li><input type = "radio" name = "q2" value = "a" />getCurrentPosition()</li>
<li><input type = "radio" name = "q2" value = "b" />getPossition()</li>
<li><input type = "radio" name = "q2" value = "c" />getLocation()</li>
<li><input type = "radio" name = "q2" value = "d" />getCurrentLocationning n()</li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q3" data-question = 3>
<h3>3. What do you mean by SVG?</h3>
<ul>
<li><input type = "radio" name = "q3" value = "a" />Secondary vector graphics</li>
<li><input type = "radio" name = "q3" value = "b" />Scalable vertical graphic</li>
<li><input type = "radio" name = "q3" value = "c" /> Scalable vector graphics</li>
<li><input type = "radio" name = "q3" value = "d" />Scalable vector graph</li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q4" data-question = 4>
<h3>4. Which among the following tags define a caption for a <fieldset> element?</h3>
<ul>
<li><input type = "radio" name = "q4" value = "a" /><select></li>
<li><input type = "radio" name = "q4" value = "b" /><label></li>
<li><input type = "radio" name = "q4" value = "c" /><legend></li>
<li><input type = "radio" name = "q4" value = "d" /><textarea></li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q5" data-question = 5>
<h3>5. Which feature lets you create your own vocabularies beyond HTML5 and extend your web pages with custom semantics??</h3>
<ul>
<li><input type = "radio" name = "q5" value = "a" />Geolocation</li>
<li><input type = "radio" name = "q5" value = "b" />Canvas</li>
<li><input type = "radio" name = "q5" value = "c" />Microdata</li>
<li><input type = "radio" name = "q5" value = "d" />WebSocket</li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q6" data-question = 6>
<h3>6. The following elements <header>, <footer>, <article>, <section> are the new elements in HTML5. These elements are called,</h3>
<ul>
<li><input type = "radio" name = "q6" value = "a" />Control attributes</li>
<li><input type = "radio" name = "q6" value = "b" />Semantic elements</li>
<li><input type = "radio" name = "q6" value = "c" />Graphic elements</li>
<li><input type = "radio" name = "q6" value = "d" />Multimedia elements</li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q7" data-question = 7>
<h3>7. Which is the correct CSS syntax?</h3>
<ul>
<li><input type = "radio" name = "q7" value = "a" />#body {color: green;}</li>
<li><input type = "radio" name = "q7" value = "b" />#{body;color:green}</li>
<li><input type = "radio" name = "q7" value = "c" />#{body:color=green(body}</li>
<li><input type = "radio" name = "q7" value = "d" />#body:color=green</li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q8" data-question = 8>
<h3>8. What is not true about SOAP?</h3>
<ul>
<li><input type = "radio" name = "q8" value = "a" />SOAP originally meant Simple Object Access Protocol.</li>
<li><input type = "radio" name = "q8" value = "b" />SOAP was defined as an XML-based standard for providing remote procedure calls over the Internet.</li>
<li><input type = "radio" name = "q8" value = "c" />SOAP now is just a name, not an acronym</li>
<li><input type = "radio" name = "q8" value = "d" />SOAP was an early form of XML.</li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q9" data-question = 9>
<h3>9. To clear a local storage all setting you would need to call.</h3>
<ul>
<li><input type = "radio" name = "q9" value = "a" />localStorage.remove('key')</li>
<li><input type = "radio" name = "q9" value = "b" />localStorage.clear()</li>
<li><input type = "radio" name = "q9" value = "c" />Both a and b</li>
<li><input type = "radio" name = "q9" value = "d" />None of the above</li>
</ul>
<button id="submit">Submit</button>
</form>
<form class="questionForm" id="q10" data-question = 10>
<h3>10. HTML5 introduces two mechanisms, similar to HTTP session cookies, for storing structured data on the client side and to overcome which of these drawbacks.</h3>
<ul>
<li><input type = "radio" name = "q10" value = "a" />Cookies are included with every HTTP request, thereby slowing down your web application by transmitting the same data.</li>
<li><input type = "radio" name = "q10" value = "b" />Cookies are included with every HTTP request, thereby sending data unencrypted over the internet.</li>
<li><input type = "radio" name = "q10" value = "c" />Cookies are limited to about 4 KB of data . Not enough to store required data.</li>
<li><input type = "radio" name = "q10" value = "d" />All of the above</li>
</ul>
<button id="submit">Submit</button>
</form>
<div id="results"></div>
<br/>
</main>
<footer>
<div class="pull-left">Total: 10 questions</div>
<div class="pull-right">Time: 2:23</div>
</footer>
</div>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/quiz.js"></script>
</body>
</html>