Test On Front-end Web Development! Trivia Questions Quiz

60 Questions | Total Attempts: 900

SettingsSettingsSettings
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

Back to Top Back to top