w3schools Bootstrap quiz, w3schools CSS quiz, W3Schools HTML Quiz
11. Which class is used to create a badge? .flag .tag .badge .label
.badge
9. Which class is used to create a button group? .button-group .btn-group .group-button .group-btn
.btn-group
8. Which button class is used to create a large button? .btn-large .btn-l .btn-lg .btn-xl
.btn-lg
2. Which class provides a responsive fixed width container? .container-fluid .container-fixed .container
.container
3. Which class provides a full width container, spanning the entire width of the viewport? .container-fluid .container-fixed .container
.container-fluid
15. Which class indicates a dropdown menu? .select .dropdown-list .dropdown
.dropdown
6. Which class shapes an image to a circle? .img-circle .img-rounded .img-round .img-thumbnail
.img-circle
7. Which class is used to create a big box for calling extra attention? .bigbox .jumbotron .container
.jumbotron
13. Which class is used to create a basic list group? .list-group .grouped-list .group-list
.list-group
18. Which class is used to create a black navigation bar? .navbar-default .navbar-inverse .navbar-dark .navbar-black
.navbar-inverse
12. Which class is used to create a basic pagination? .pages .navigation .page .pagination
.pagination
14. Which class adds a heading to a panel? .panel-header .panel-head .panel-footer .panel-heading
.panel-heading
5. Which class adds zebra-stripes to a table? .table-striped .table-bordered .table-zebra .even and .odd
.table-striped
22. How do you select elements with class name "test"? test *test #test .test
.test
23. Which contextual class indicates a dangerous or potentially negative action? .text-info .text-warning .text-primary .text-danger
.text-danger
22. Which contextual class indicates a successful or positive action? .text-warning .text-primary .text-success .text-info
.text-success
24. Which class indicates uppercased text? .text-uppercase .ucase .uppercase .text-capitalize
.text-uppercase
Which character is used to indicate an end tag?
/
7. How do you insert a comment in a CSS file? // this is a comment // /* this is a comment */ // this is a comment ' this is a comment
/* this is a comment */
which doctype is correct for HTML5?
<!DOCTYPE html>
What is the correct HTML for creating a hyperlink?
<a href="http://www.w3schools.com">W3Schools</a>
How can you open a link in a new tab/browser window?
<a href="url" target="_blank">
What is the correct HTML element for playing audio files?
<audio>
What is the correct HTML for adding a background color?
<body style="background-color:yellow;">
What is the correct HTML for inserting a BACKGROUND image?
<body style="background-image:url(background.gif)">
What is the correct HTML element for inserting a line break?
<br>
What is the correct HTML element to define emphasized text?
<em>
Which HTML element is used to specify a footer for a document or section?
<footer>
What is the correct HTML element for the largest heading?
<h1>
Which HTML element is used to specify a header for a document or section?
<header>
What is the correct HTML for inserting an image?
<img src="image.gif" alt="MyImage">
What is the correct HTML for making a checkbox?
<input type="checkbox">
What is the correct HTML for making a text input field?
<input type="text">
2. What is the correct HTML for referring to an external style sheet? <link rel="stylesheet" type="text/css" href="mystyle.css"> <style src="mystyle.css"> <stylesheet>mystyle.css</stylesheet>
<link rel="stylesheet" type="text/css" href="mystyle.css">
Which HTML element is used to display a scalar measurement within a range?
<meter>
17. A standard navigation bar is created with: <nav class="navbar default-navbar"> <nav class="navigationbar navbar-default"> <nav class="navbar navbar-default"> <nav class="nav navbar">
<nav class="navbar navbar-default">
Which HTML element defines navigation links?
<nav>
How can you make a numbered list?
<ol>
What is the correct HTML for making a drop-down list?
<select>
10. How can you insert a search icon? <span class="glyphicon-search"></span> <span class="glyphicon glyphicon-search"></span> <span class="glyph glyph-search"></span> <span class="glyphicon search"></span>
<span class="glyphicon glyphicon-search"></span>
What is the correct HTML element to define important text?
<strong>
4. Which HTML tag is used to define an internal style sheet? <script> <style> <css>
<style>
Which of these elements are all <table> elements?
<table><tr><td>
What is the correct HTML for making a text area?
<textarea>
Which HTML element defines the title of a document?
<title>
16. A standard navigation tab is created with: <ul class="nav tabs"> <ul class="navigation-tabs"> <ul class="nav nav-tabs"> <ul class="nav nav-navbar">
<ul class="nav nav-tabs">
How can you make a bulleted list?
<ul>
15. Which property is used to change the font of an element? font-family Both font-family and font can be used font
Both font-family and font can be used
19. Which plugin is used to cycle through elements, like a slideshow? Carousel Orbit Scrollspy Slideshow
Carousel
1. What does CSS stand for? Colorful Style Sheets Cascading Style Sheets Computer Style Sheets Creative Style Sheets
Cascading Style Sheets
The HTML <canvas> element is used to ______?
Draw Graphics
In HTML, onblur and onfocus are _______ ?
Event Attributes
True or False: Block elements are normally displayed without starting a new line.
False
20. Which plugin is used to create a modal window? Dialog Box Modal Window Popup
Modal
24. How do you group selectors? Separate each selector with a comma Separate each selector with a space Separate each selector with a plus sign
Separate each selector with a comma
Who is making the Web standards?
The World Wide Web Consortium
Graphics defined by SVG is in which format?
XML
13. How do you display hyperlinks without an underline? a {decoration:no-underline;} a {text-decoration:none;} a {text-decoration:no-underline;} a {underline:none;}
a {text-decoration:none;}
Which HTML attribute specifies an alternate text for an image, if the image cannot be displayed?
alt
8. Which property is used to change the background color? color bgcolor background-color
background-color
6. Which is the correct CSS syntax? {body:color=black;} body:color=black; body {color: black;} {body;color:black;}
body {color: black;}
17. How do you display a border like this: The top border = 10 pixels The bottom border = 5 pixels The left border = 20 pixels The right border = 1pixel? border-width:10px 5px 20px 1px; border-width:10px 20px 5px 1px; border-width:5px 20px 10px 1px; border-width:10px 1px 5px 20px;
border-width:10px 1px 5px 20px;
10. Which CSS property is used to change the text color of an element? color fgcolor text-color
color
23. How do you select all p elements inside a div element? div + p div p div.p
div p
9. How do you add a background color for all <h1> elements? h1.all {background-color:#FFFFFF;} h1 {background-color:#FFFFFF;} all.h1 {background-color:#FFFFFF;}
h1 {background-color:#FFFFFF;}
20. How do you make a list that lists its items with squares? list-type: square; list-style-type: square; list: square;
list-style-type: square;
18. Which property is used to change the left margin of an element? indent padding-left margin-left
margin-left
Which input type defines a slider control?
range
In HTML, which attribute is used to specify that an input field must be filled out?
required
25. What is the default value of the position property? static absolute fixed relative
static
5. Which HTML attribute is used to define inline styles? style font class styles
style
14. How do you make each word in a text start with a capital letter? You can't do that with CSS text-transform:uppercase text-transform:capitalize
text-transform:capitalize
The HTML global attribute, "contenteditable" is used to _____ ?
Specify whether the content of an element should be editable or not.
21. How do you select an element with id "demo"? #demo demo *demo .demo
#demo
1. Bootstrap 3 is mobile-first.
True
25. The Bootstrap grid system works across multiple devices.
True
True or False: An <iframe> is used to display a web page within a web page.
True
True or False: HTML comments start with a <!-- and end with -->
True
True or False: In HTML, you can embed SVG elements directly into an HTML page.
True
True or False: Inline elements are normally displayed without starting a new line.
True
11. Which CSS property controls the text size? text-size font-size text-style font-style
font-size
16. How do you make the text bold? style:bold; font:bold; font-weight:bold;
font-weight:bold;
12. What is the correct CSS syntax for making all the <p> elements bold? p {font-weight:bold;} <p style="font-size:bold;"> <p style="text-size:bold;"> p {text-size:bold;}
p {font-weight:bold;}
4. The Bootstrap grid system is based on how many columns? 12 3 9 6
12
What is the correct HTML element for playing video files?
<video>
In HTML, what does the <aside> element define?
Content aside from the page content.
What does HTML stand for?
Hyper Text Markup Language
3. Where in an HTML document is the correct place to refer to an external style sheet? At the end of the document In the <head> section In the <body> section
In the <head> section
19. When using the padding property; are you allowed to use negative values?
No
21. Which plugin is used to create a tooltip? Popup Tooltip Modal Dialog Box
Tooltip