Frontend Development Test Questions Answers Updated
HTML5, CSS3, javascript, jQuery MySql, Python, ReactJs Questions Answers covered for Frontend Backend Development Tests
If you want to improve your skills as a fulstack developer,
backend developer, or frontend developer, you can do so by taking
online or offline tests. Fullstack development refers to the development
of both the front end and back end of a website. A fullstack web developer has
the ability to design complete web applications and websites. They work on the
frontend, backend, database, and debugging of a web application or website. The
front end is the part of a website or web application that is responsible for
providing a good user experience. The user interacts with the front end
interface of the web application or website.
Front-End Language: The front-end part is built using some of the
languages discussed
below.
HTML: Hypertext Markup Language (HTML) is used to design the front end
of web pages.
CSS:
Cascading Style Sheets, affectionately referred to as CSS, is simply a
developed language.
MongoDB is not based on the table-like relational database structure, but
it provides an altogether different mechanism for storage and retrieval of
data.
SQL: Structured Query Language (MySQL) is a
standard database language used to create, maintain and retrieve the relational
database.
The other back end program/scripting languages is C#.
A fullstack web developer should be an expert in HTML, CSS, MongoDB. React.js, Git, MySQL, C++, and C#.
React.js:
React.js is a declarative, efficient, and flexible JavaScript library
for building user interfaces.
Git and
git commands like init, add, commit etc for version control and to work with a
team. Python
is a comprehensive application because it has both front-end and back-end
expertise.
It also requires some design
skills of adobe to make
layout and look better.
All in all, a nearly complete package available on this blog for job
skill testing of any platforms like relevel by unacademy to practice on
full-stack, front-end, and back-end development.
This site will be the most helpful hub to practice for Relevel
Front end development, backend development, fullstack development and data
analytics. The Search
Engine Optimisation (SEO) and Googleskillshop
materials will be helpful for Relevel digital marketing tests as well.
Lastly we do cover some English language tests like grammar,
words and phrases material might help to practice for your English part of
relevel tests.
Wish you all Good Luck to get through the tests successfully and
to find your dream jobs in near future.
I am sharing you herewith some HTML5 test questions asked by
international testing agencies like Fiverr and Linkedin assessments.
The correct answers are marked bold
1.
In HTML 5.0, what is the function of the sandbox attribute when used with
<iframe> as shown below? <iframe src="aaa "
sandbox=?></iframe>
It is
used to specify that an iframe should appear as if it is part of the document
the iframe is in.
It is
used to define the restrictions to the frame content.
It is
used to define the URL of the document that should appear in the iframe.
2. What
does the icon attribute of the HTML 5.0 command tag define?
<command
icon=”?”>Click Me!</command>
It is
used to define the url of an image to display as the command.
It is
used to define the name of the radiogroup this command belongs to.
It is
used to define if the command is checked or not.
It is
used to define if the command is available or not.
3. While
rendering your HTML 5.0 web page, which of the following <link> element
files will get skipped by a compliant user agent if you include the link
elements shown below in your document?
<link
rel=”stylesheet” href=”A” type=”text/plain”>
<link
rel=”stylesheet” href=”B” type=”text/css”>
A link
element whose href is “B”
A link
element whose href is “A”
None of
the above
4. What indicates the content in file is HTML when delivered on the network.
The “content-type”
header
Both “.html” extension and “content-type” header
The “content_type” header
5. How
will you change the value of the cookies and items in the Storage objects of
the localStorage attributes in HTML 5.0?
By
invoking the window.dialogArguments() API method.
By
invoking the window. navigator.yieldForStorageUpdates() API metho
By
invoking the window.navigator.appName API method.
6. What
is the role of the <dfn> element in HTML 5.0?
It is
used to define important text.
It is
used to define computer code text.
It is
used to define sample computer code.
It is
used to define a definition term.
7. Which
of the following is NOT a valid syntax for the <h1> element in HTML 5.0?
<h1>
This is header 1</h1>
<h1
align=”center”> This is header 1</h1>
<h1
onClick=”dothis(‘sc1′)” >This is header </h1>
<h1
style=”cursor:auto;”>This is header </h1>
8. Which
form event is fired on the click of a button using a button tag with its type
attribute value equal to submit?
onload
onsubmit
onunload
onreset
9. How
will you return a reference to the parent of the current window or subframe in
an HTML 5.0 web application?
window.top
window.parent
window.frameElement
None of
the above
10. In
HTML 5.0, which of the following is NOT a valid value for the type attribute
when used with the <command> tag shown below?
<command
type=”?”>Click Me!</command>
button
command
checkbox
radio
11. What
is the default background color for the canvas element in HTML 5.0?
Black
White
Transparent
Gray
12. Which
of the following are valid mouse events in HTML 5.0?
ondblclick
ondragstart
ondragenter
onscroll
ondrop
.png)
13. Which
of the following languages will you use to paint the graphics designed using
the HTML 5.0 <canvas> tag?
VB script
JavaScript
PostScript
None of
the above
14.
Consider the following items of a <select> list:
<option
value=”89″>Item 1</option>
<option
value=”90″>Item 2</option>
Which of
the following values would be passed on by clicking the submit button on
selecting Item 2 from the list?
89
90
Item 1
Item 2
15. When
is the window onstorage event triggered in the HTML document?
It is
triggered when the window is resized.
It is
triggered when a document loads.
It is
triggered when a document performs an undo function.
It is
triggered when the window becomes visible.
16. Which
of the following is NOT a valid attribute for the <video> element in HTML
5.0?
controls
autoplay
disabled
preload
17. Which
of the following represents INVALID syntax for defining an attribute value in
an HTML 5.0 document?
<input
name =’be evil’ />
<input
name=be evil />
<input
name = “be-evil” />
All of
the above.
18. Which
of the following is NOT a valid attribute for the <link> element in HTML
5.0?
hreflang
rel
http-equiv
media
19. Which
of the following statements is correct if you allow the user to select only one
radio button from a group of radio buttons?
The name
of the input tag must be the same for all the radio buttons.
The value
of the input tag must be the same for all the radio buttons.
The
display text of the input tag must be the same for all the radio buttons.
All the
radio buttons must be added to the same group using the <optgroup> tag.
20. Which
of the following is an INVALID keyword value for http-equiv attribute when used
with the <meta> element in HTML 5.0?
content-type
expires
set-cookie
keywords
refresh
author
21. Which
of the following <iframe> attributes are NOT supported in HTML 5.0?
height
marginheight
sandbox
scrolling
22. In
HTML 5.0, what is the function of the sandbox attribute when used with
<iframe> as shown below?
<iframe
src=”aaa ” sandbox=?></iframe>
It is
used to define the restrictions to the frame content.
It is
used to define the URL of the document that should appear in the iframe.
It is
used to specify that an iframe should appear as if it is part of the document
the iframe is in.
23. Which
of the following is NOT a supported attribute of the <ol> element in HTML
5.0?
type
reversed
start
compact
24. In
HTML5, contextmenu and spellcheck are:
HTML
elements
Event
attributes
Style
attributes
HTML
attributes
25. Which
of the following would give a yellow background to the web page?
Note: The
code used in the “correct” answer below was deprecated in HTML 4.01! Use styles
instead for new code.
<body
backcolor=”Yellow”>
<body
background=”Yellow”>
<body
bgcolor=”Yellow”>
<body
color=”Yellow”>
26. What
is the function of onobsolete, an application cache API method in HTML 5.0?
It
reflows the HTML document using updated cached content.
It
triggers an event when the cache content has been marked as obsolete.
It
triggers an event when the cache content has been updated.
It
updates the cache for the current document in the background.
27.
Suppose you add the input code given above to your HTML web page. What result
will be returned by the JavaScript function when you click the button marked as
A in the image?
number
text
button
None of
the above
28. How
does a button created by the <button> tag differ from the one created by
an <input>tag ?
An input
tag button can be a reset button too.
A button
tag button can be a reset button too.
An input
tag button can include images as well.
A button
tag can include images as well.
29. Which
of the following HTML 5.0 elements is used to embed Java applets into your HTML
5.0 web page?
<applet>
<object>
<source>
<progress>
30. Which
of the following is NOT a valid attribute for the element in HTML 5.0?
hreflang
rel
http-equiv
media
31. Which
of the following are valid values for the contenteditable attribute of
theelement in HTML 5.0?
true
false
0
1
32. You
want to display a table listing out customer names and their contact
information. The heading of the table is shown in the given figure. What is the
code for creating the first line of the table heading?
<tr>
<th>Customer
Name</th>
<th
rowspan=3>Contact</th>
</tr>
<tr>
<th>Customer
Name</th>
<th
colspan=3>Contact</th>
</tr>
.<tr>
<th>Customer
Name</th>
<th
cellpadding=3>Contact</th>
</tr>
<tr>
<th>Customer
Name</th>
<th
cellspacing=3>Contact</th>
</tr>
33. Which
of the following <section> elements have the correct attribute assignment
as per HTML 5.0?
<section
id=”example”>…</section id=”example”>
<section
id=”example”>…</section id=”example2″>
<section
id=”EXAMPLE”>…</section>
<section
id=”Example”>…</section>
<section
id=”example”>…</section>
34. Which
of the following statements is correct if you invoke the window.prompt
(message, default) web application API method in HTML 5.0?
It will
only show the modal text field prompt with the given message to the user.
It will
show the modal text field prompt with the given message to the user, and ask
the user to respond with a positive or negative response.
It will
show the modal text field prompt with the given message to the user, and ask
the user to either respond with a string value or abort.
Both 2
and 3
35. Which
of the following is NOT an attribute of the <meta> element in HTML 5.0?
charset
content
http-equiv
scheme
36. Which
media event will be fired when a media resource element suddenly becomes empty?
onerror
onended
onloadeddata
onemptied
37. What
is the purpose of the <keygen> element in HTML 5.0?
It is
used to define a keyboard text in an HTML 5.0 web page.
It is
used to generate a public-private key pair in an HTML 5.0 web page.
It is
used to define a definition term in an HTML 5.0 web page.
It is
used to define a variable in an HTML 5.0 web page.
38. Which
event is fired when an element loses its focus in HTML 5.0 document?
onfocus
onload
onblur
onselect
39. A
piece of text contains many blank spaces within it. Which of the following tags
would be suitable to display the text as it was originally formatted?
td
p
ls
pre
40. Which
HTML 5.0 element will you use to group the related options in a drop-down list?
optgroup
option
menu
var
nav
41. You
are writing the code for an HTML form and you want the browser to retain the
form’s input values. That is, if a user submits the form and presses the
browser’s back button, the fully populated form is displayed instead of a blank
form. Which of the following HTML 5.0 attributes will you use?
accept
autofocus
autocomplete
formtarget
42. Which
of the following tags would assist in creating named groups within a select
list?
opt
group
optgroup
selectgroup
43. How
will you cancel the timeouts that are set with the setInterval() API method
identified by the handlers in HTML 5.0?
window.clearInterval
(handle)
window.clearTimeout
(handle)
window.setInterval
(code, timeout)
window.setTimeout
(code, timeout)
44. Which
of the following are valid values for the contenteditable attribute of the
<figure> element in HTML 5.0?
true
false
[
0
1
45. What
will be the result if you use the following code to your HTML 5.0 document?
<bdo
dir=”rtl”>
Here is
some text that should be written to your document.
</bdo>
.tnemucod
ruoy ot nettirw eb dluohs taht txet emos si ereH
Here is
some text that should be written to your document.
Here is
some text that should be written to your document.
None of
the above.
46. How
will you change the value of the cookies and items in the Storage objects of
the localStorage attributes in HTML 5.0?
By
invoking the window.dialogArguments() API method.
By
invoking the window. navigator.yieldForStorageUpdates() API method.
By
invoking the window.navigator.appName API method.
47. How
will the target URL open when you define the <a> element in your HTML 5.0
document as shown below?
<a
href=”http://www.yahoo.com” target=”_self”>Click here</a>
The
target URL will open in the parent document.
The
target URL will open in a new window.
The
target URL will open in the same document in which it was clicked.
The
target URL will open in the full body of the window.
48.
What will be the browsing context if the browsing context name is _top when the
HTML 5.0 web page is loading?
It will
put the new document in the same window and frame as the current document.
It will
load the linked document in the top most frame.
It is
used in the situation where a frameset file is nested inside another frameset
file.
Both a
and c.
49. The
following link is placed on an HTML webpage.
<a
href=”http://msdn.com/” target=”_blank”> MSDN </a>
What do
you infer from it?
It will
open the site msdn.com in the same window.
It will
open the site msdn.com in a new window.
It will
open the site msdn.com in a frame below.
It will
not be clickable as it is not formed correctly.
50. You
have the following directory structure.
webroot->products->ordered->delivered
The
products directory has a page called Products.html and the delivered directory
has a page called Delivered.html. You want to provide a link to the Products
page on Delivered.html. The ideal code should be:
<a
href=”././Products.html”> All Products </a>
<a
href=”../../Products.html”> All Products </a>
<a
href=”…/…/Products.html”> All Products </a>
<a
href=”../Products.html”> All Products </a>
<a
href=”Products.html”> All Products</a>
56. Which
of the following is NOT a valid value for the type attribute of the
<input> element in HTML 5.0?
url
week
tel
radio
datetime-local
All of
the above are the valid values for <input> element
57. Which
of the following is NOT a valid syntax for the <link> element in HTML
5.0?
<link
rel=”icon” href=”abc.jpg” sizes=”16×16″>
<link
rev=”stylesheet” href=”abc.css” type=”text/css” target=”_parent”>
<link
rel=”alternate” type=”application/pdf” hreflang=”fr” href=”manual-fr”>
58. Which
of the following statements are correct with regard to <hr> and
<br> elements of HTML 5.0?
<hr>
element acts in the same way as the Tab key on your keyboard and <br>
element acts in the same way as the SHIFT key on your keyboard.
<hr>
element is used to insert the horizontal line within your document and
<br> element is used to insert a single line break.
<hr>
element is used to put a line across the page and <br> element acts in
the same way as the ENTER key on your keyboard.
59. What
will be the return value when using the window.navigator.appName API method in
an HTML 5.0 web application?
It will
return the version of the browser.
It will
return the complete User-Agent header.
It will
return the name of the platform.
It will
return the name of the browser.
60. Which
<iframe> attribute is used to define the restrictions to the frame
content in HTML 5.0?
seamless
sandbox
srcdoc
66. In
HTML 5.0, which of the following attributes of the <object> element
refers to the location of the object’s data?
type
codebase
data
usemap
67. Which
of the following is an INVALID parameter for the window.navigator.registerContentHandler
API method in an HTML 5.0 web application?
url
mimeType
scheme
title
68. You
specified a base tag and anchors as follows:
1.
<base target=”_blank”>
2. <a
href=”http://www.yahoo.com”>Yahoo</a>
3. <a
href=”http://www.google.com” target=”_top”>Google</a>
Which of
the following is true of the above code?
Only the
Yahoo link will open in a new window.
Only the
Google link will open in a new window.
Both
links will open in a new window.
Both
links will open in the same window.
69. What
is the purpose of the <q> element in HTML 5.0?
It is
used to define the start of a term in a definition list.
It is
used to define attribute values for one or more columns in a table.
It is
used to define the start of a short quotation.
It is
used to define what to show browsers that do not support the ruby element.
70. Which
of the following events is NOT supported in HTML 5.0?
oninput
oninvalid
ondrop
onreset
76. What
will be the result if you use the following code to your HTML 5.0 document?
<p>I
use <del>MAC</del> <ins>Microsoft</ins>!</p>
I use MAC
Microsoft!
I use MAC
Microsoft!
I use MAC
Microsoft!
I use MAC
Microsoft!
77. You
want to create a link for your website allowing users to email the webmaster.
How will you implement this if the webmaster’s email address is
webmaster@xcompany.com?
<a
href=”mailto:webmaster@xcompany.com”>webmaster</a>
<a
href=”webmaster@xcompany.com”>webmaster</a>
<a
http=”mail:webmaster@xcompany.com”>webmaster</a>
<mail
http=”send:webmaster@xcompany.com”>webmaster</mail>
78. In
HTML 5.0, how will the script be executed if you use the script element shown
below?
<script
src=”script.js” type=”text/javascript” defer=”defer”></script>
The
script is fetched and executed immediately, before the user agent continues
parsing the page.
The
script will be executed when the page has finished parsing.
The
script will be executed asynchronously, as soon as it is available.
79. What
is the output when you use the HTML 5.0 code snippet shown below?
<body
onload=”alert(this)”>
It will
alert saying “[object HTMLBodyElement]” when the document is loaded.
It will
alert saying “[object Window]” when the document is loade
It will
alert saying “[this]” when the document is loaded.
The alert
message is not properly defined in the body element and an error will be
generated when the document is loaded.
80. A
computer programming book has to go online. Which of the following tags is
ideal for displaying the program snippets?
<emp>
<code>
<dfn>
<cite>
81. Which
of the following are valid HTML 5.0 elements?
<canvas>
<summary>
<aside>
<video>
All of
these
82. How
does a button created by the <button> tag differ from the one created by
an <input> tag?
An input
tag button can be a reset button too.
A button
tag button can be a reset button too.
An input
tag button can include images as well.
A button
tag can include images as well.
84. Which
of the following attributes comes in handy when borders have to be put between
groups of columns instead of every column?
col
colgroup
rowspan
row
85. Which
of the following is correct with regard to the oncanplaythrough event fired by
media resources in the HTML 5.0 document?
The
script will run when the media has reached the end.
The
script will run when the media is played to the end, without stopping for
buffering.
The
script will run when media data is loaded.
The
script will run when the length of the media is changed.
86. Which class centers
tabs/pills
.nav Nav pills
.nav-element
.nav-nav
.nav-justified
87. With which element
width attribute is not define?
<textarea>
<are>
<element>
<text>
88. Which of the tag is
used to creates a number list?
<LO>
<LI> and <OL>
<IL>
Both A and C
89. Which attribute
specifies a unique alphanumeric identifier to be associated with an element?
id
class
article
identifer
90. Which tag is used for
bold, apart from <b>
<body>
<bold>
<strong>
<bb>
91. cols attribute sis
used with
<textarea>
<th>
<t>
<td>
92. Which attribute is
not for overriding the actions?
Tabindex
slot
Formation
Style
93. Which HTML element is
used for abbreviation or acronym?
<abbr>
<blockquote>
<q>
<em>
95. Which of the
following HTML tag is used to add a row in a table?
<th>
<td>
<tr>
<tt>
96. What is the work of
<address> element in HTML5?
contains IP address
contains home address
contains url
contains contact details for author
97. Which of the
following tag is used to create a text area in HTML Form?
<textarea> </textarea>
<text></text>
<input type=”text”
/>
<input
type=”textarea” />
98. To show deleted text,
which HTML element is used?
<del>
<em>
<strong>
<ins>
99. What is the correct
syntax of web address?
port://domain.filenmae:path/scheme/prefix
prefix://scheme.port:domain/filename/path
path://prefix.port:domain/filename/scheme
scheme://prefix.domain:port/path/filename
100. Which tag is used to
create a dropdown in HTML Form?
<input>
<select>
<text>
<textarea>
101. Which tag is used to
create a numbered list in HTML?
<ol>
<ul>
<li>
<ll>
102. How to create a
checkbox in HTML Form?
<input
type=”text”>
<input
type=”textarea”>
<input type=”checkbox”>
<input
type=”button”>
103. Which tag is used to
create a blank line in HTML?
<b>
<br>
<em>
<a>
104. Which HTML element is
used for YouTube videos?
<samp>
<small>
<frame>
<iframe>
105. What is the work of
Gzip compression?
compresses an image
compresses web pages
only
compresses JavaScript
and CSS code only
compresses web pages, JavaScript and CSS
106. What does ‘On-Screen
Action’ means in the testing of HTML5 applications?
Using Drag action
Using new input type
Using play and pause
action of audio and video elements
Verifying SVG and
Canvas elements
107. What can be used to
verify a displayed graphics?
Property checkpoints
Region checkpoints
On-Screen Action
Local STorage
108. Which element has
been removed from HTML5 (W3specification?
<figure>
<nav>
<hgroup>
<aside>
109. You want to create striped table rows using CSS without adding a class to any element. Which CSS would correctly apply the background color to every odd row in your table?
tr:nth-child(2) { background-color: #ccc; }
tr:nth-child(2n+1) { background-color: #ccc; }
tr:nth-child(2+1) { background-color: #ccc; }
tr:nth-child(2n) { background-color: #ccc; }
110. The image below has float: left applied. Text wraps the float on the right and bottom. How would you force the second paragraph to start underneath the float, leaving a gap after the preceding paragraph?
CSS clear
Apply float: left to the second paragraph.
Apply clear: right to the floated item.
Apply clear: left to the second paragraph.
Apply clear: left to the floated item.
111. Which array method should you apply to run a function for every item within an array, returning an array of all items for which the function is true?
every()
map()
forEach()
filter()
112. What is WebP?
a method of auditing performance that gives your site a score, which is then used for Google ranking
a next-generation image format offering a smaller file size than equivalent PNG or JPEG images
a new font format that allows a single font to display at different styles and weights
a next-generation PDF format that offers a smaller file size and better accessibility than standard PDF documents
113. Your website uses CSS Grid Layout extensively, and a visitor who navigates using the keyboard tells you that they seem to jump erratically all over the screen when navigating. What is the most likely problem?
The visitor's browser does not have full support for CSS Grid Layout.
Items have been positioned in such a way that they are in a different order to the source.
The browser has a keyboard navigation bug.
You need to add the tabindex attribute to elements.
114. Which constructor will be called from the object created in the code below?
class A
{
integer i;
A()
{
i=0; Print literals i;
}
A(integer x=0)
{
i=x; Print literals I;
}
};
A obj1;
Default constructor
Parameterized constructor
Compile time error
Run time error
115. What is the maximum of classes that can be defined in a program?
Not more than 100
Not more than 1000
Not more than 999
As many as we want
116. A binary tree can easily be converted into a 2-tree through which of the following methods.
By submitting every empty subtree with a replacement internal node
By inserting an interior node for a non-empty node
By inserting an external node for a non-empty node
By substituting every empty subtree with a replacement external node
117. You have a set of images that are slightly different sizes and aspect ratios. You don't mind if you crop off some of the image, but you want each image to completely fill a square box without being distorted. Which property and value would achieve this?
object-fit: contain
object-fit: stretch
object-fit: all
object-fit: cover
118. what does the CSS selector a[href$="org"] select?
all <a> tags whose href attribute begins with "org"
all <a> tags whose href attribute equals "org"
all <a> tags whose href attribute ends with "org"
all <a> tags whose href attribute contains "org"
119. Which choice is not of invoking strict mode in JavaScript?
it eliminates some JavaScript silent errors by changing them to throw errors.
it prohibits some syntax likely to be defined in future versions of ECMAScript.
it forces the writing of valid HTML and CSS.
it fixes mistakes that make it difficult for JavaScript engines to perform optimizations.
120. The postfix expression corresponding to the infix expression a + b * c - d ^ e ^ f
abc * + def ^ ^ -
abc * + de ^ f ^
ab + c * d - e ^ f ^
- + a * bc ^ ^ def
121. Consider the program and find the subsequent output.
void main()
{
int data = 3 + 4 + 3 * 5 / 3 - 5
print(data)
}
5
7
6
8
122. What is the correct HTML for making a text input field?
<textfield>
<text>
<input type="text">
<input type="textfield">
123. Chose correct CSS syntax?
{body;color:black;}
{body:color=black;}
body{color=black;}
body {color: black;}
124. What is the correct way to initialize an array of galaxies in JavaScript?
String[] galaxies = new Array("Milky Way", "Whirlpool", "Andromeda");
let galaxies = {Milky Way, Whirlpool, Andromeda};
galaxies = ["Milky Way", "Whirlpool", "Andromeda"];
var galaxies = {"Milky Way", "Whirlpool", "Andromeda"};
125. Which description correctly describes the initial values of flex items if the only thing you have done is apply display: flex to their parent?
Items display in a row, lined up at the start, and do not stretch to fill the container
Items display in a column, lined up at the start, and do not stretch to fill the container
Items stay in a column until you add some flex properties.
Items display in a row, lined up at the start, and stretch to fill the container
126. Which line of code, if applied to all flex items in a flex container, would cause each flex item to take up an equal share of the total width of the container? For example, if there are four items, they would get 25% of each/
flex: 1 0 0;
flex: initial;
flex: 1 1 auto;
flex: 1 0 auto;
127. What is meant by the term "polyfill" when used in web development?
It is a piece of code that provides modern functionality in browsers that do not support it.
It is a piece of code that hides broken content from old browsers.
It is a term for languages such as Saas that compliles to CSS.
It is a script that runs to add vendor prefixes to modern CSS.
128. Which choice is not a JavaScript framework?
Angular
Laravel
Vue
React
129. What does setting aria-live=polite on a live region achieve?
The screen reader will not notify the user of changes to live regions.
The screen reader will wait until there is a pause to announce changes.
The screen reader will announce all changes immediately.
The screen reader will use a polite voice when announcing changes.
130. Review the CSS below. What color would you expect the background color of the element with a class of .box to be?
.box {
background-color: blue;
background: url(images/star.png) no-repeat left top;
}
black
blue
transparent
white
131. Which CSS property and value would correctly remove the bullets from a list item?
list-tem: none
bullets: hidden
list-style-type: none
list-bullet: none
132. How do you call a function named "myFunction"?
call myFunction();
myFunction();
call to function myFunction();
133. A page will be viewed on a bunch of different devices during the testing phase. A test case has been given to you that to have a responsive navbar using flex. Which of the following is the best way to determine the user device and experience?
Set conditions on the orientation of the page
Using media query
Write a CSS code for a large screen and a small screen
Using responsive data view
134. The events that are not directly tied to a specific input device are _______________.
User interface events
Device-independent events
Stage event change
Device-dependent events
135. Which of these containers would be best to store distinct elements?
Set
map
stack
queue
136. Which operator is used to assign a value to a variable?
*
/
=
-
137. You discover that CSS is being loaded on a website using the following code. Why might a web developer have done this?
<link rel="preload" href="styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="style.css"></noscript>
The CSS is being loaded asynchronously in order to prevent render blocking.
This will stop the CSS being loaded for old browsers that do not support the techniques in use.
This is part of a stylesheet-switching script to load different themes for the site.
This will stop the CCS being loaded on slow data connections.
138. The flex property is often applied to flex items with a value of 1. Using flex: 1 is a shorthand - what does it unpack to?
flex: 0 0 100;
flex: 1 0 0;
flex: 0 0 auto;
flex: 1 1 auto;
139. What does the term "tree shaking" mean with regard to JavaScript performance?
only using code that is supported by the newest browsers, and serving the site without JavaScript to old browsers
removing unused code from the JavaScript files
splitting code into various bundles so that decisions can be made on loading priority
allowing the browser to ignore code it believes will perform badly
140. What is the definition of the phrase “Time to Interactive”?
when the browser displays the first bit of content from the DOM
when the user can consistently interact with all of the page elements
when HTML has loaded, but not necessarily JavaScript, CSS, or images
when the user can see the webpage on the screen
141. What is yarn?
a JavaScript framework that is leaner than React
a JavaScript bundler
a testing framework
a JavaScript package manager
142. Which of the following data structure is required to convert arithmetic expression in infix to its equivalent postfix notation?
Queue
Linked list
Binary search tree
None
143. Consider the program and find the subsequent output.
var x=0
for(x;x<5;x++)
console.log(x)
0
a
5
12345
144. Consider the program and find the subsequent output.
intger main()
{
print integer,10?0?5:11:12
return 0
}
11
12
15
10
145. How would you change this code to make Vanilla selected by default?
<input type="radio" value="strawberry">Strawberry
<input type="radio" value="vanilla">Vanilla
<input type="radio" value="chocolate">Chocolate
<input type="radio" value="vanilla" checked>
<input type="radio" value="vanilla" check>
<input type="radio" value="vanilla" selected>
<input type="radio" value="vanilla" on>
146. _____ moves an element completely out of the page's normal layout flow, like it is sitting on its own separate layer. From there, you can fix it in a position relative to the edges of the page's <html> element (or its nearest positioned ancestor element)?
Sticky positioning
Absolute positioning
Relative positioning
Fixed positioning
147. You have created a box that has a height set with CSS. Which line of CSS would add scroll bars if the content is taller than the box, but leave no visible scroll bars if the content fits into the box?
.box { overflow: scroll; }
.box { overflow: scroll-x; }
.box { overflow: auto; }
.box { overflow: none; }
148. You are designing a site and creating a navigation bar linking to the main sections. Which HTML element should you use to indicate that this is the main navigation?
<nav>
<navigation>
<main>
<ul>
149. What is the name of the event that occurs when the mouse pointer hovers over an element?
load
mouseover
hover
focus
150. A simple graph can contain which of the following?
- Self-loop
- Infinite edges
- Parallel edges
- A disconnected vertex
151. The seven elements P, Q, R, S, T, U, and V are pushed onto reverse order starting from V. The stack is popped five times and every element is inserted into a queue. Three elements are deleted from the queue and pushed back to the stack. Now one element has popped from the stack. The popped item is
- Q
- R
- T
- S
152. In a time-sharing operating system, when the time slot given to a process is completed, the process goes from the running state to the
- Ready state
- Blocked state
- Suspended state
- Terminated state
153. Which of the following page replacement algorithms suffers from Belady's anomaly?
- FIFO
- Optimal Page Replacement
- Both LRU and FIFO
- LRU
154. A page will be viewed on a bunch of different devices during the testing phase. A test case has been given to you that to have a responsive navbar using flex. Which of the following is the best way to determine the user device and experience?
- Set conditions on the orientation of the page
- Using media query
- Write a CSS code for a large screen and a small screen
- Using responsive data view
155. What is the functionality of the following piece of code?
public void display()
{
if(size == 0)
System.out.println("underflow")
else
{
Node current = first
while(current != null)
{
System.out.println(current.getEle())
current = current.getNext()
}
}
}
- reverse the list
- display the list
- display the list excluding top-of-the-stack-element
- reverse the list excluding top-of-the-stack-element
156. Which of the following data structure is required to convert arithmetic expression in infix to its equivalent postfix notation?
- Queue
- Linked list
- Binary search tree
- None
157. Consider the program and find the subsequent output.
var x=0
for(x;x<5;x++)
console.log(x)
- 0
- a
- 5
- 12345
158. Consider the program and find the subsequent output.
intger main()
{
print integer,10?0?5:11:12
return 0
}
- 11
- 12
- 15
- 10
159. Which constructor will be called from the object created in the code below?
class A
{
integer i;
A()
{
i=0; Print literals i;
}
A(integer x=0)
{
i=x; Print literals I;
}
};
- Default constructor
- Parameterized constructor
- Compile time error
- Run time error
160. What will be the firstname and aliasname of the following JavaScript code?
var book1 =
{
"main title": "computer",
'sub-title': "The Programming Adventure",
"for": "all audiences",
author: {
firstname: "Luis",
aliasname: "Phillip"
}
};
- Property values
- Property names
- objects
- properties
161. Smaller page tables are implemented as a set of __________.
- queues
- registers
- stacks
- counters
162. What observation can you make in the following JavaScript code snippet?
var CountOne = [1,,3];
- Omitted value becomes a random integer value
- Omitted value becomes "undefined"
- It throws an exception
- Throws an error
163. What is the maximum of classes that can be defined in a program?
- Not more than 100
- Not more than 1000
- Not more than 999
- As many as we want
164. Which <body> tag event is fired when the user leaves the document?
onunload
onundo
onredo
onerror
165. Consider the program and find the subsequent output.
void convert(int n) {
if(n <= 0)
print(n)
else {
convert(n/8)
print(n%2)
}
}
Main() {
convert(72)
}
- 0111
- 0110
- 0100
- 0101
166. Which of the
following tag defines the progress of a task?
Check this: HTML
Books | Information Science MCQs
<meter>
<progress>
<gauge>
<wbr>
167. Which of the
following defines the result of a calculation?
<output>
<keygen>
<datalist>
<datalist>
168. State whether
the given statement is true or false. “We can intermix XHTML and HTML 4.01
documents”
True
False
169. Which one is not
associated with Gecko?
Firefox
SeaMonkey
Thunderbird
Internet Explorer
170. Messages from
the server are received by ____
onmessage
send
arrayBuffer
blob
171. Which of the
following attribute is used to display date/time content?
time
datetime
date
year
172.. The element
___________ simply groups items within an enclosed dd tag, though it may
associate them with a caption defined by a dt tag.
object
figure
embed
collect
173. The maximum
bytes for control frames is _______________
100 bytes
125 bytes
130 bytes
150 bytes
174. Which of the
following is the server library for Node.js?
Caddy
SignalR
ws
jsonrpc
175. Which of the
following allows the sandboxed iframe to run scripts from the same domain?
allow-same-origin
allow-forms
allow-scripts
allow-pointer-lock
176. __________
allows the iframe to pull in content from elsewhere in the same domain.
allow-same-origin
allow-forms
allow-scripts
allow-pointer-lock
177. Which of the
following is not associated with web socket communication?
https
wss
ws
http
178. Which of the
following is the wire protocol for WebScoket?
RFC6455
RFC6477
RFC6567
RFC8967
179. Which of the
following element is used for highlighting content similarly to how a
highlighter pen might be used on important text in a book?
em
strong
mark
bold
180. Which tag is
used to encapsulate navigation and then style the elements appropriately as
menu items?
ul
li
nav
both ul and li
181. Which of the
following is invoked when it is not fired on window object?
getItem()
removeItem()
clear()
setItem()
182. Which of the
following is not the storageEvent interface?
event.newValue
event.clear
event.url
event.key
183. What is the
limit of character storage for chrome 23.0 in sessionStorage?
510 k
unlimited
1021 k
2.49 M
184. Which of the
following defines a group of related options in a drop-down list?
<optgroup>
<form>
<output>
<option>
185. HTML and XHTML
stands for ______
Hyper Text Marking
Language and EXtensible HyperText Marking Language
Hyper Text Marking
Language and Extensible HyperText Markup Language
Hyper Text Markup Language and Extensible HyperText Markup
Language
Hyper Text Markup
Language and Extensible HyperText Marking Language
186. Which of the
following defines graphic drawing using JavaScript?
<class>
<canvas>
<graphics>
<draw>
187. Which of the
following elements in HTML5 defines video or movie content?
<media>
<video>
<movie>
<audio>
188. For duplex
communication we can’t use ____________
Long Polling
HTML5
JavaScript
Streaming
189. Which of the
following defines some content aside from the content it is placed in (like a
sidebar)?
<aside>
<header>
<sidebar>
<nav>
190. ____________
contains the navigation menu, or other navigation functionality for the page.
section
header
nav
aside
191. In desktop which
browser does not support WebSocket?
Chrome version 7
Chrome version 6
Chrome version 43
Internet Explorer 10
192. Which of the
following is not the event of WebSocket API?
Close
Message
Send
Error
193. Which one is not
a very good developer support?
Opera
Internet Explorer
Firefox
Chrome
194. Which of the
following is not a type of attribute for input tag?
day
week
month
time
195. Which of the
following defines a caption for a figure element?
<figcaption>
<dialog>
<caption>
<figure>
196. Which of the
following defines a command/menu item that the user can invoke from a popup
menu?
<menuitem>
<menu>
<nav>
<class>
197. The new
__________ element is supposed to represent some form of extra details, such as
a tooltip or revealed region that may be shown to a user.
progress
meter
details
menu
198. Which of the
following defines a part of text that might be formatted in a different
direction from other text?
<details>
<aside>
<bdi>
<article>
199. Which of the
following is not a HTML5 added form element?
<datalist>
<keygen>
<output>
<password>
200. Which element
specifies a list of pre-defined options for an input element?
<datalist>
<keygen>
<output>
<password>
201. Which of the
following defines additional details that the user can view or hide?
<details>
<article>
<aside>
<figure>
202. Which element is
used to define a discrete unit of content such as a blogpost, comment, and so
on?
section
class
article
media
203. HTML5 documents
may contains a ___________ element, which is used to set the header section of
a document.
header
footer
section
drive
204. Which of the
following is not a difference between HTML and XHTML?
Tags and attributes
are case-insensitive in HTML but not in XHTML
Special characters
must be escaped using character entities in XHTML unlike HTML
Charset in html is
“text/html” where as in xhtml it is “application/xml+xhtml”
Charset in both html and xhtml is “text/html”
205. Which of the
following are table tags?
colspan, table, tr
table, tt, tr, td
table, thead, tr, td
thead, colspan, td,
tr
206. Choose the
correct HTML for width attribute and its value.
width=80
WIDTH=”80″
WIDTH=80
width=”80″
207. Before HTML5
where data had to be stored?
browser
cookies
only in Internet
Explorer
only in Chrome
208. In localStorage
object data ________
is deleted after the
browser has been closed
is not deleted after the browser has been closed
can be seen but can
not edit
can be seen as well
as edit
209. Which element may be used within content to represent material that is tangential?
aside
cite
article
class
210. For clearing all
the settings which function should be called?
localStorage.remove()
localStorage.clearAll()
localStorage.remove(key)
localStorage.clear()
211. What is the
limit of character storage for chrome 23.0 in localStorage?
4.98 M
unlimited
none
1021 k
212. Choose the
correct statement.
In traditional XHTML
close tag for some elements is optional but not encouraged
In traditional HTML close tag for some elements is optional
but not encouraged
In both traditional
XHTML and HTML close tag for some elements is not optional
In both traditional
XHTML and HTML close tag for some elements is optional
213. Which of the
following XHTML doctype declaration contains all HTML elements and attributes,
including presentational and deprecated elements (like font) but not framesets?
!DOCTYPE html PUBLIC
“-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”
<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.1//EN”
“http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
!DOCTYPE html PUBLIC
“-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”
214. Which of the
following returns a number of value pairs?
storage.setItem(key,value)
storage.clear()
storage.key(n)
storage.length
215. In
sessionStorage object data __________
can be seen as well
as edit
is deleted after the browser has been closed
is not deleted after
the browser has been closed
can be seen but can’t
edit
216. The __________ element may contain not just links but also other interactive items, including the newly introduced command element.
progress
meter
details
menu
217. The __________
attribute effectively renders the iframe as an inline include, which allows the
parent document’s CSS to affect the contents of the iframe.
allow-forms
seamless
embed
allow-scripts
218. Which of the following is not a web storage interface?
storageEvent
privacy
storage
window
How do you prepare for the front end developer Relevel test?
What skills does a front end
developer need?
How do you prepare for the Relevel front end development test?
Frontend
Development Test
Programming
Fundamentals. Test your programming fundamentals like arrays, logical
operators, conditional statements, etc.
Data Structures
& Algorithms. Test your problem solving skills using lists, stacks, trees,
queues, etc.
Code Quality, HTML,
CSS, and React.js. MySql, jQuery, Python, CSS3
What are the questions asked for front end developer?
How do you prepare for the front end Relevel test?
Is Front End Developer Interview hard?
Why did you choose front end
development as your career *?
What are the questions asked for front end developer?
What is front end development test?