HTML
CSS
Advanced CSS
jQuery
I am feeling lucky!
100
What are these called?
< >
Angle brackets
100
In CSS the _____________ is what selects the part of code we want to style.
selector
100
In HTML box model, what goes outside of the border?
Margin
100
The ____________selects the HTML element in jQuery.
selector
100
What is HTML?
Hypertext Markup Language
200
Where do you type all the code you want to appear on your webpage?
(in between which tag?)
Inside the <body>
200
Correct this CSS code:
200
_____________________is the collection of CSS properties that allow you to align and organize HTML elements on the web-page.
Flex box
200
What is the event and action in this script?
$("button").click(function() {
$("img").hide();
});
event:click
action:hide
200
WHAT IS CSS?
Cascading Style Sheets
300
What is the difference between <p> and </p> ?
<p> is an opening tag, and </p> is a closing tag
300
The combination of property and value in CSS is called a _____.
rule
300
In HTML box model, this goes between the border and the content?
(Hint: think about: margin, border, content and padding )
padding
300
jQuery is a ______________library
Javascript
300
Is this HTML or CSS?
CSS
400
Write the HTML that will create a link to google.com if I click on the words "Google it".
<a href="www.google.com">Google it</a>
400
Which part of the following code is the property?
font-family
400
For the flex box to work, your HTML must have a parent element and at least one _____________element.
child
400
Besides HTML tag names, what else can you use as a selector in jQuery?
Class selectors
400
What’s the difference between
.hide() and .toggle() in giving actions to jQuery?
.hide() will hide the image or text.
.toggle() will have dual action means:
ON AND OFF
HIDE AND SHOW
SLIDE UP AND SLIDE DOWN
500
Write the code that will make an image with link "pineapple.jpg" appear on a webpage.
<img src="pineapple.jpg">
500
Write the CSS code that will change all paragraphs to have a background color of green and all images to be 100 pixels wide.
500
Which of the following will align the child elements to the right side of the web-page.
Example: justify-content:__________;
justify-content: flex-end;
500
To use jQuery, you must always start with a _____sign.
What is this called?
$
command signal for javascript.
500
Name these punctuation marks:
1) {}
2) <>
3) ;
4) :
1) {} - curly braces (or bracket)
2) <> - angle bracket
3) ; - semicolon
4) : - colon