Test On Front-end Web Development! Trivia Questions Quiz

60 Questions | By Gohel.jatan | Last updated: Mar 21, 2022 | Total Attempts: 900

Questions

Settings

Create your own 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 user 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.

Questions and Answers

1.

Does setting margin-top and margin-bottom have an affect on an inline element?
- A.
  
  NO
- B.
  
  YES
2.

Does setting padding-top and padding-bottom on an inline element add to its dimensions?
- A.
  
  True
- B.
  
  False
3.

If you have a <p> element with font-size: 10rem, will the text be responsive when the user resizes / drags the browser window?
- A.
  
  True
- B.
  
  False
4.
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 ?
- A.
  
  Red
- B.
  
  Blue
- C.
  
  Neither
- D.
  
  Black
5.
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 ?
- A.
  
  Black
- B.
  
  Blue
- C.
  
  Neither
- D.
  
  Red
6.

HTML: <p id="example">Hello</p> CSS: #example { margin-bottom: -5px; } What will happen to the position of #example?
- A.
  
  It will move 5px downwards
- B.
  
  All elements succeeding #example with move 5px upwards
- C.
  
  Neither
7.

A TARGET value that is used when a webpage is locked in a frame, is
- A.
  
  _self
- B.
  
  _top
- C.
  
  _parent
- D.
  
  _blank
8.

Using a <style> element in head section is known as
- A.
  
  External
- B.
  
  Outline
- C.
  
  Internal
- D.
  
  Inline
9.

In HTML elements, CSS can be added in different
- A.
  
  2 ways
- B.
  
  3 ways
- C.
  
  4 ways
- D.
  
  5 ways
10.

Browsers displays <em> tag as
- A.
  
  <i>
- B.
  
  <b>
- C.
  
  <strong>
- D.
  
  <u>
11.

Alpha in RGB extension named RGBA, defines
- A.
  
  Hue
- B.
  
  Saturation
- C.
  
  Lightness
- D.
  
  Opacity
12.

To access an external sheet link is added over section
- A.
  
  <head>
- B.
  
  <!DOCTYPE>
- C.
  
  <h1>
- D.
  
  <body>
13.

If form data contains sensitive or personal information, method to use is
- A.
  
  Post
- B.
  
  Get
- C.
  
  Set
- D.
  
  Append
14.

HTML links are defined with <a> tag and address is specified by attribute
- A.
  
  Hlink
- B.
  
  Href
- C.
  
  Src
- D.
  
  Src-link
15.

For displaying a webpage within a webpage, HTML uses
- A.
  
  Classes
- B.
  
  Div element
- C.
  
  Span Element
- D.
  
  IFrames
16.

A block level element of HTML always starts on a
- A.
  
  New window
- B.
  
  New Tab
- C.
  
  New page
- D.
  
  New Line
17.

An external CSS usually defines style for?
- A.
  
  Single element
- B.
  
  Single HTML page
- C.
  
  Multiple elements
- D.
  
  Multiple HTML pages
18.

Syntax of style attribute of HTML is
- A.
  
  <tagname style="property">
- B.
  
  <tagname style="property:value;">
- C.
  
  <style="value;">
- D.
  
  <style="property;">
19.

Element to use for making responsive webpages, is called
- A.
  
  <viewres>
- B.
  
  <meta>
- C.
  
  <portview>
- D.
  
  <viewport>
20.

Div element defines section at a
- A.
  
  Page level
- B.
  
  Inline level
- C.
  
  Block level
- D.
  
  Tab level
21.

Which of the following is/are true about Bootstrap?
- A.
  
  Free front-end framework.
- B.
  
  Open source product.
- C.
  
  It gives you the ability to create responsive designs
- D.
  
  All of the above
22.

What layout is used for providing 100% width in Bootstrap?
- A.
  
  Fixed layout
- B.
  
  Fluid layout
- C.
  
  Both (a)and (b)
- D.
  
  None of the above
23.

Bootstrap global default font-size is
- A.
  
  15px
- B.
  
  14px
- C.
  
  13px
- D.
  
  None
24.

Bootstrap’s grid system uses up to:
- A.
  
  12 columns
- B.
  
  6 columns
- C.
  
  14 columns
- D.
  
  10 columns
25.

Through which class we can make a fixed navigation bar at the top?
- A.
  
  .navbar-fixed
- B.
  
  .navbar-fixed-top
- C.
  
  Both (A) and (B)
- D.
  
  None