Web Development Fundamentals Quiz
9 Questions
12 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Which class should be used to center the content horizontally inside a container?

  • .center-horizontally
  • .mx-auto (correct)
  • .centered
  • .horizontal-center
  • What is the correct HTML for creating a checkbox?

  • <input type='text'>
  • <input checkbox>
  • <input type='checkbox'> (correct)
  • <checkbox>
  • Which of the following is the correct way to set a background color in HTML?

  • <background='red'>
  • <body style='background-color: red;'> (correct)
  • <bg-color='red'>
  • <body style='bg-color: red;'>
  • Which class should be used to add a rounded border to an image?

    <p>b. .img-rounded</p> Signup and view all the answers

    Which Bootstrap class should be used to create a navigation bar?

    <p>a. .navbar</p> Signup and view all the answers

    Which CSS property is used to change the color of text?

    <p>c. color</p> Signup and view all the answers

    Which class should be used to create a container that takes up the full width of the viewport?

    <p>.container-fluid</p> Signup and view all the answers

    Which class should be used to create a column that takes up half of the grid on small devices?

    <p>.col-xs-6</p> Signup and view all the answers

    Which class should be used to create a row of columns that are centered horizontally within a container?

    <p>.justify-content-center</p> Signup and view all the answers

    Study Notes

    HTML and Bootstrap Classes

    • Use the class .text-center to center content horizontally inside a container.
    • The correct HTML for creating a checkbox is <input type="checkbox">.
    • To set a background color in HTML, inline style can be used: <div style="background-color: #color;">.
    • The class .rounded can be used to add a rounded border to an image in Bootstrap.
    • Create a navigation bar in Bootstrap using the class .navbar.

    CSS Properties

    • Change the color of text using the CSS property color.

    Bootstrap Grid System

    • The class .container-fluid creates a container that takes up the full width of the viewport.
    • Use the class .col-sm-6 to create a column that takes up half of the grid on small devices.
    • The class .justify-content-center is used to center a row of columns horizontally within a container.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Description

    Test your knowledge of web development with these quick and simple questions. Learn about centering content horizontally in containers and creating checkboxes in HTML. Challenge yourself with these fundamental concepts and improve your skills.

    More Like This

    HTML and CSS Basics Quiz
    10 questions
    Web Development Basics
    9 questions

    Web Development Basics

    WellMadeBaritoneSaxophone avatar
    WellMadeBaritoneSaxophone
    Use Quizgecko on...
    Browser
    Browser