Test On Front-end Web Development! Trivia Questions Quiz

Reviewed by Editorial Team
The ProProfs editorial team is comprised of experienced subject matter experts. They've collectively created over 10,000 quizzes and lessons, serving over 100 million users. Our team includes in-house content moderators and subject matter experts, as well as a global network of rigorously trained contributors. All adhere to our comprehensive editorial guidelines, ensuring the delivery of high-quality content.
Learn about Our Editorial Process
| By Jatan
J
Jatan
Community Contributor
Quizzes Created: 2 | Total Attempts: 1,888
| Attempts: 1,357 | Questions: 60
Please wait...
Question 1 / 60
0 %
0/100
Score 0/100
1. A HTML element can be assigned a style through attribute named

Explanation

An HTML element can be assigned a style through the "style" attribute. This attribute allows developers to specify inline CSS (Cascading Style Sheets) rules for individual HTML elements. By using the "style" attribute, developers can define various properties such as color, font size, background color, etc., directly within the HTML tag. This provides a way to customize the appearance of specific elements without the need for external CSS files or classes.

Submit
Please wait...
About This Quiz
Test On Front-end Web Development! Trivia Questions Quiz - Quiz

Welcome to the trivia test On Front-end Web Development. This type of development involves producing HTML, CSS and JavaScript for a website or Web Application so that a... see moreuser can see and interact with them directly. Front end developers are at times referred to as client-side developers. If you are planning to be one of them, be sure to take this quiz and see how knowledgeable you are. see less

3. In HTML, unordered list items are marked with

Explanation

In HTML, unordered list items are marked with bullets. This means that when creating a list using the

    tag, each item in the list will be displayed with a bullet point in front of it. This is the default style for unordered lists in HTML, and it helps to visually distinguish each item in the list.
Submit
4. All HTML documents must start with a declaration of

Explanation

The correct answer is "". This is because the declaration is used to specify the version of HTML that the document is written in. It tells the browser how to interpret the HTML code and ensures that the document is rendered correctly.

Submit
5. Browsers displays <strong> tag as

Explanation

The correct answer is because the tag is used to indicate strong emphasis on the text, typically displayed as bold. The tag is specifically used to make the text bold, so it is the most appropriate tag for browsers to display the tag as. The tag is used for italicizing text, and the tag is used for underlining text, so they are not the correct options for displaying the tag.

Submit
6. A block level element of HTML always starts on a

Explanation

A block level element of HTML always starts on a new line because block level elements are designed to create a block or a box on the web page. These elements take up the entire width available and force subsequent elements to start on a new line. This ensures that each block level element is visually separated from the previous one, making it easier to structure and style the content on the page.

Submit
7. Font to be used for an HTML element can be defined through property

Explanation

The correct answer is "Font-family." This property in HTML is used to define the font to be used for an HTML element. It allows you to specify a list of font families, in order of preference, that should be used for the text content of the element. If the first font in the list is not available, the browser will try the next font in the list until a suitable font is found or the list is exhausted.

Submit
8. In HTML5, default character-set is known to be of

Explanation

The default character-set in HTML5 is UTF-8. UTF-8 is a variable-width character encoding that can represent any character in the Unicode standard, yet it is backward compatible with ASCII. It is widely used and supported by modern web browsers and ensures that text is displayed correctly regardless of the language or special characters used.

Submit
9. How do you insert a comment in a CSS file?

Explanation

In CSS, comments are inserted using the /* */ syntax. This allows developers to add notes or explanations within the code that will not be interpreted by the browser. The correct answer, /* this is a comment */, demonstrates the proper way to insert a comment in a CSS file. The other options are incorrect as they either use the wrong syntax (//) or include quotation marks (‘’), which are not recognized as comments in CSS.

Submit
10. HTML:
  1. <ul class="shopping-list" id="awesome">
  2. <li><span>Milk</span></li>
  3. <li class="favorite" id="must-buy"><span class="highlight">Sausage</span></li>
  4. </ul>
CSS:
  1. ul {
  2. color: red;
  3. }
  4. li {
  5. color: blue;
  6. }
What is the color of the text Sausage ?

Explanation

The text "Sausage" is blue because the CSS rule "li" sets the color of the text inside the "li" element to blue. The CSS rule "ul" does not affect the color of the text inside the "li" element.

Submit
11. Syntax of style attribute of HTML is

Explanation

The correct answer is "". This is the correct syntax for the style attribute in HTML. The style attribute is used to add inline CSS styles to an HTML element. It is written within the opening tag of the element and consists of one or more property-value pairs, separated by semicolons. Each property is followed by a colon and its corresponding value.

Submit
12. Syntax of style attribute of HTML is

Explanation

The correct answer is "

Submit
13. Which of the following is/are true about Bootstrap?

Explanation

Bootstrap is a free front-end framework that is also an open source product. It provides users with the ability to create responsive designs, meaning that the layout of the website or application will automatically adjust to different screen sizes and devices. Therefore, all of the given statements about Bootstrap are true.

Submit
14. HTML element <div> describes

Explanation

The HTML element

is used to create a division or section in a web page. It is a container that allows you to group and organize other HTML elements. This division can be used to apply styling, layout, or functionality to a specific section of the page. Therefore, the correct answer is "division".
Submit
15. Which plugin is used to create tooltip?

Explanation

The correct answer is "tooltip". A tooltip is a small pop-up box that appears when the user hovers over an element, providing additional information or context about that element. It is commonly used to display helpful hints, explanations, or labels for buttons, icons, or links on a website or application. The tooltip plugin allows developers to easily create and customize tooltips, specifying the content, position, and styling of the tooltip box.

Submit
16. Bootstrap's grid system uses up to:

Explanation

Bootstrap's grid system uses up to 12 columns. This means that when designing a layout using Bootstrap, you can divide the available space into 12 equal-width columns. This allows for flexibility in creating responsive designs, as you can easily adjust the width of each column based on the screen size or device being used. By using a 12-column grid system, Bootstrap provides a versatile and scalable framework for building responsive websites.

Submit
17. To access an external sheet link is added over section

Explanation

The given answer, "

", is correct because the question states that a link is added over the section "". In HTML, the "" section is used to define information about the HTML document, such as the title, stylesheets, and scripts. So, adding a link over the "" section would allow access to an external stylesheet.
Submit
18. Attribute in HTML that defines location of where to open linked area, is said to be

Explanation

The attribute in HTML that defines the location of where to open a linked area is called "target". This attribute specifies the name of the window or frame where the linked content will be displayed when clicked.

Submit
19. Div element defines section at a

Explanation

A

element is used to define a section of content on a webpage. It is a block-level element, which means it takes up the entire width of its parent container and creates a new line before and after the element. This allows other elements to be positioned above or below it. Block-level elements are commonly used to group and style related content together, such as paragraphs, headings, and images.
Submit
20. Syntax to change font type of a heading in HTML is

Explanation

The correct answer is

. This is because the font-family property is used to specify the font type in CSS, and the value "verdana" is the correct syntax for specifying the Verdana font.

Submit
21. For displaying a webpage within a webpage, HTML uses

Explanation

To display a webpage within a webpage, HTML uses iFrames. iFrames allow you to embed another HTML document within the current document, creating a window where the embedded webpage is displayed. This is useful when you want to include external content, such as advertisements or external webpages, within your own webpage. By using iFrames, you can easily integrate external content into your webpage without affecting the overall structure or layout.

Submit
22. HTML:
  1. <ul class="shopping-list" id="awesome">
  2. <li><span>Milk</span></li>
  3. <li class="favorite" id="must-buy"><span class="highlight">Sausage</span></li>
  4. </ul>
CSS:
  1. ul li {
  2. color: blue;
  3. }
  4. #must-buy {
  5. color: black;
  6. }
What is the color of the text Sausage ?

Explanation

The text "Sausage" is black because in the CSS code, there is a specific rule targeting the element with the ID "must-buy", and it sets the color property to black.

Submit
23. Alpha in RGB extension named RGBA, defines

Explanation

The alpha value in the RGB extension named RGBA defines the opacity of a color. It determines how transparent or opaque a color is. A higher alpha value means a color is more opaque, while a lower alpha value means it is more transparent. The opacity value is often used in graphic design and web development to create layers and overlays, allowing different elements to be seen through each other.

Submit
24. Which plugin is used to create a modal window?

Explanation

The correct answer is "modal" because a modal window is a type of window that requires the user to interact with it before they can return to the main application. It typically appears as a pop-up window that blocks other actions on the screen until it is closed or the user provides the necessary input. The "modal" plugin is specifically designed to create and manage modal windows in web applications.

Submit
25. Array elements are accessed using their

Explanation

Array elements are accessed using their index. In an array, each element is assigned a unique index number starting from 0. This index number is used to access or retrieve the value stored at that particular position in the array. By specifying the index, we can easily locate and retrieve the desired element from the array. Therefore, the correct answer is "Index".

Submit
26. Element to use for making responsive webpages, is called

Explanation

The correct answer is "".

The element is used in HTML to provide metadata about the webpage. It includes information such as the character encoding, viewport settings, and other important details. In the context of making responsive webpages, the element is used to set the viewport, which determines how the webpage is displayed on different devices and screen sizes. By using the appropriate viewport settings in the element, webpages can be made responsive and adapt to different devices and screen resolutions.

Submit
27. Javascript is _________ language.

Explanation

Javascript is considered a scripting language because it is primarily used to create scripts that are executed on the client-side of a web application. It is often embedded within HTML code and runs within a web browser. Unlike programming languages, which are used to create standalone applications, scripting languages are used to automate tasks and enhance the functionality of existing applications. Therefore, Javascript's main purpose is to add interactivity and dynamic features to web pages, making it a scripting language rather than a programming language or application language.

Submit
28. Element to use for making responsive webpages, is called

Explanation

The correct answer is . The element is used to provide metadata about the HTML document, including information about the viewport, character encoding, and other important settings. In the context of making responsive webpages, the element is commonly used to set the viewport, which determines how the webpage is displayed on different devices and screen sizes. By using the correct viewport settings, webpages can adapt and respond to different screen sizes, ensuring a better user experience on both desktop and mobile devices.

Submit
29. In HTML elements, CSS can be added in different

Explanation

HTML elements can have CSS added to them in three different ways. The first way is by using inline CSS, where the CSS code is directly added to the HTML element using the "style" attribute. The second way is by using internal CSS, where the CSS code is placed within the

Submit
30. A TARGET value that is used when a webpage is opened in a new tab, is

Explanation

When a webpage is opened in a new tab, the "_blank" target value is used. This target value instructs the browser to open the linked webpage in a new tab or window, depending on the user's browser settings.

Submit
31. A sequence of characters forming a

Explanation

Regular expressions are a sequence of characters that define a search pattern. They are commonly used in programming and text processing to match and manipulate strings. Regular expressions allow for powerful and flexible pattern matching, making it easier to search for specific patterns in a given text. Therefore, "Regular expression" is the correct answer as it accurately describes the given sequence of characters and their purpose.

Submit
32. An external CSS usually defines style for?

Explanation

An external CSS is typically used to define styles for multiple HTML pages. By linking an external CSS file to multiple HTML pages, the same styles can be applied consistently across all the pages, making it easier to maintain and update the styles. This approach promotes code reusability and helps to keep the HTML files clean and focused on the content, while the CSS file handles the styling aspects.

Submit
33. A HTML element known to be <ins>, defines

Explanation

The correct answer is "Insertion". The HTML element <ins> is used to mark up inserted content in a document. It represents text that has been added to the document.

Submit
34. Internal CSS defines style for

Explanation

Internal CSS defines style for a single HTML page. It allows you to specify the styling rules for elements within that specific HTML page only. This means that any changes made to the internal CSS will only affect the appearance of the elements on that particular page and not on any other pages within the website. It provides a way to customize the design and layout of individual pages without affecting the overall styling of the entire website.

Submit
35. Bootstrap global default font-size is 

Explanation

The correct answer is 14px. Bootstrap has a default font-size of 14px, which means that all text within Bootstrap components will be displayed with a font-size of 14 pixels unless specified otherwise.

Submit
36. If form data contains sensitive or personal information, method to use is

Explanation

The correct answer is "Post" because the Post method is used to send data to the server in a secure and confidential manner. When sensitive or personal information is being transmitted, it is important to use the Post method as it sends the data in the body of the HTTP request, rather than in the URL like the Get method. This ensures that the data is not visible in the browser's address bar or in server logs, providing an extra layer of security.

Submit
37. Not a way to composite HTML Colors ?

Explanation

The correct answer is "CNYK". This is because "CNYK" is not a valid way to composite HTML colors. The correct term is "CMYK", which stands for Cyan, Magenta, Yellow, and Key (black). CMYK is a color model used in printing, while RGBA, HSL, and HEX are all valid ways to represent colors in HTML.

Submit
38. Which of the following class is used to create a button as a link in bootstrap?

Explanation

The correct answer is .btn-link. In Bootstrap, the .btn-link class is used to create a button that appears as a link. This class gives the button a link-like appearance by removing the default button styling and adding a text-decoration underline. It is commonly used when you want to create a button that behaves like a link, allowing users to navigate to a different page or section of the website.

Submit
39. In HTML, element defining a table heading is

Explanation

The correct answer is

. In HTML, the element is used to define a table heading. It is used to represent the header cells in a table, which typically contain the column names or titles. The element is important for accessibility purposes as it helps screen readers and other assistive technologies to identify and navigate through the table headers.
Submit
40. Does setting margin-top and margin-bottom have an affect on an inline element?

Explanation

Setting margin-top and margin-bottom does not have an effect on an inline element because inline elements do not have a width or height, and they are not affected by vertical margins. Inline elements are typically used for small pieces of content within a larger block-level element, and their layout is determined by the surrounding text and other inline elements. Margins can only be applied to block-level elements, which have a defined width and height and can be positioned and spaced using margins.

Submit
41. Through which class we can make a fixed navigation bar at the top?

Explanation

The correct answer is ".navbar-fixed-top" because this class can be used to create a fixed navigation bar at the top of the page. The class name suggests that it is specifically designed for this purpose, indicating that it will keep the navigation bar fixed in its position at the top of the screen even when scrolling. The other option, ".navbar-fixed", does not specify the position and could potentially be used for other types of fixed navigation bars.

Submit
42. If you have a <p> element with font-size: 10rem, will the text be responsive when the user resizes / drags the browser window?

Explanation

When the font-size property is set to 10rem, it means that the font size will be 10 times the size of the root element's font size. Since the root element's font size does not change when the user resizes or drags the browser window, the text will not be responsive. Therefore, the answer is false.

Submit
43. Browsers displays <em> tag as

Explanation

The browser displays the tag as . The tag is used to emphasize text, and the tag is used to italicize text. Both tags are used for similar purposes, so the browser treats them as the same and displays the tag as .

Submit
44. HTML:
<p id="example">Hello</p>
CSS:
#example {
    margin-bottom: -5px;
}

What will happen to the position of #example?

Explanation

The CSS code "#example { margin-bottom: -5px; }" sets a negative margin-bottom value for the element with the id "example". This will cause the element to move 5px upwards, pulling all elements succeeding it along with it. Therefore, the correct answer is "All elements succeeding #example will move 5px upwards."

Submit
45. Using a <style> element in head section is known as

Explanation

Using a

Submit
46. Does setting padding-top and padding-bottom on an inline element add to its dimensions?

Explanation

Setting padding-top and padding-bottom on an inline element does not add to its dimensions. Padding only affects the space within the element, not its overall size. Inline elements are typically only as wide as their content, and adding padding does not change this. The padding will create space within the element, but it will not increase the width or height of the element itself.

Submit
47. Which class is used to make a standard /default button in bootstrap?

Explanation

The correct answer is ".btn". In Bootstrap, the ".btn" class is used to create a standard/default button. It provides the basic styling and structure for a button element. The other options mentioned, ".btn-primary" and ".btn-default", are specific variations of the button class that provide different styles and colors. Therefore, the correct class to make a standard/default button in Bootstrap is ".btn".

Submit
48. Element used as a container for some text is defined as

Explanation

A element is used as a container for some text. It is an inline element that is commonly used to apply styles to a specific section of text within a larger block of content. Unlike a

element, which is a block-level element that creates a new line and takes up the full width of its parent container, a element does not create a new line and only takes up as much space as its content requires. Therefore, the element is the correct answer for this question.

Submit
49. What layout is used for providing 100% width in Bootstrap?

Explanation

The correct answer is Fluid layout. In Bootstrap, a fluid layout is used to provide 100% width. This means that the layout will automatically adjust to fit the width of the screen or container it is placed in. Unlike a fixed layout, which has a fixed width, a fluid layout is responsive and adapts to different screen sizes and devices. This allows for a more flexible and dynamic design that can accommodate various screen resolutions.

Submit
50. Bootstrap grid class is used for tablets?

Explanation

The "sm" class in Bootstrap grid is used for tablets.

Submit
51. An element named content have other elements of

Explanation

The element named "content" has two types of other elements associated with it.

Submit
52. _parent value of TARGET attribute opens linked document in

Explanation

The _parent value of the TARGET attribute opens the linked document in the parent frame. This means that when a link with the _parent target is clicked, the linked document will replace the current document in the parent frame of the current frameset. This is useful when working with frames, as it allows for navigation between different frames within a frameset.

Submit
53. When an attribute of HTML value contains double quotes, it is necessary to use

Explanation

When an attribute value in HTML contains double quotes, it is necessary to use single quotes instead. This is because using double quotes within the attribute value would cause a conflict and result in an incorrect interpretation of the HTML structure. By using single quotes, the attribute value can be properly enclosed without any conflicts or parsing errors.

Submit
54. <div> element used along together with CSS, can generate

Explanation

The

element, when used together with CSS, can generate style blocks. This means that the
element can be used to create sections or containers that can be styled using CSS properties and rules. By applying CSS styles to the
element, we can control the appearance and layout of the content within the div block.
Submit
55. In HTML5, a list of pre-defined options for an <input> element can be defined through

Explanation

The correct answer is . In HTML5, the element is used to provide a list of pre-defined options for an element. It allows users to select options from a dropdown list or type their own value. The

Submit
56. Data type of null is a/an

Explanation

The data type of null is an object. In JavaScript, null is a special value that represents the intentional absence of any object value. It is often used to indicate that a variable has no value or that an object does not exist. Despite being an object type, null is not an instance of any particular object or constructor. It is a primitive value that is considered to be of type object due to historical reasons and compatibility issues.

Submit
57. URL encoding replaces a space in URL with sign

Explanation

URL encoding replaces a space in a URL with a plus sign (+). This is because spaces are not allowed in URLs and need to be represented by a special character. The plus sign is commonly used as the replacement for spaces in URL encoding.

Submit
58. Which of the following grid class is used for desktops?

Explanation

The "md" grid class is used for desktops. This class is part of the Bootstrap grid system, which allows for responsive design and the creation of multi-column layouts. The "md" class stands for medium-sized devices, such as tablets and desktop computers. It is used to define the layout and positioning of elements on the page specifically for these devices.

Submit
59. A TARGET value that is used when a webpage is locked in a frame, is

Explanation

The "_top" target value is used when a webpage is locked in a frame. It specifies that the linked document should replace the current frame's entire contents with the linked document, effectively breaking out of any frameset. This allows the linked document to be displayed in the full browser window, without any frames.

Submit
60. Numeric array values can be sorted through an array method named as

Explanation

The given answer is incorrect. The correct method to sort numeric array values is the "sort()" method. The "compare()" method does not exist for sorting arrays.

Submit
View My Results

Quiz Review Timeline (Updated): Sep 16, 2024 +

Our quizzes are rigorously reviewed, monitored and continuously updated by our expert board to maintain accuracy, relevance, and timeliness.

  • Current Version
  • Sep 16, 2024
    Quiz Edited by
    ProProfs Editorial Team
  • Feb 25, 2019
    Quiz Created by
    Jatan
Cancel
  • All
    All (60)
  • Unanswered
    Unanswered ()
  • Answered
    Answered ()
A HTML element can be assigned a style through attribute named
 HTML links are defined with <a> tag and address is...
In HTML, unordered list items are marked with
All HTML documents must start with a declaration of
Browsers displays <strong> tag as
A block level element of HTML always starts on a
Font to be used for an HTML element can be defined through property
In HTML5, default character-set is known to be of
How do you insert a comment in a CSS file?
HTML: ...
Syntax of style attribute of HTML is
Syntax of style attribute of HTML is
Which of the following is/are true about Bootstrap?
HTML element <div> describes
Which plugin is used to create tooltip?
Bootstrap's grid system uses up to:
To access an external sheet link is added over section
Attribute in HTML that defines location of where to open linked area,...
Div element defines section at a
Syntax to change font type of a heading in HTML is
For displaying a webpage within a webpage, HTML uses
HTML: ...
Alpha in RGB extension named RGBA, defines
Which plugin is used to create a modal window?
Array elements are accessed using their
Element to use for making responsive webpages, is called
Javascript is _________ language.
Element to use for making responsive webpages, is called
In HTML elements, CSS can be added in different
A TARGET value that is used when a webpage is opened in a new tab, is
A sequence of characters forming a
An external CSS usually defines style for?
A HTML element known to be <ins>, defines
Internal CSS defines style for
Bootstrap global default font-size is 
If form data contains sensitive or personal information, method to use...
Not a way to composite HTML Colors ?
Which of the following class is used to create a button as a link in...
In HTML, element defining a table heading is
Does setting margin-top and margin-bottom have an...
Through which class we can make a fixed navigation bar at the top?
If you have a <p> element with font-size: 10rem,...
Browsers displays <em> tag as
HTML:...
Using a <style> element in head section is known as
Does setting padding-top and padding-bottom on an...
Which class is used to make a standard /default button in bootstrap?
Element used as a container for some text is defined as
What layout is used for providing 100% width in Bootstrap?
Bootstrap grid class is used for tablets?
An element named content have other elements of
_parent value of TARGET attribute opens linked document in
When an attribute of HTML value contains double quotes, it is...
<div> element used along together with CSS, can generate
In HTML5, a list of pre-defined options for an <input> element...
Data type of null is a/an
URL encoding replaces a space in URL with sign
Which of the following grid class is used for desktops?
A TARGET value that is used when a webpage is locked in a frame, is
Numeric array values can be sorted through an array method named as
Alert!

Advertisement