Show:
HTML
CSS
HTML/CSS
jQuery
General
100
What should be the first line of your HTML files?

1. <!DOCTYPE html>

2. <body>

3. <head>

4. <html>

1. <!DOCTYPE html>
100
If we want to target the ID of an HTML element with a CSS selector, the selector will have to start with this character.
#
100
If we want to target a class with a CSS selector, the selector will have to start with this character.
. <-- a period
100
What special character do we use at the start of a jQuery expression?
$
100
One way to open the Chrome Developer Tools is to right-click the webpage and select _________

1. View Page Info

2. Inspect Element

3. Developer Tools

2. Inspect Element
200
Give an example of an HTML attribute.
src, alt, href, class, id, ...
200
Give an example of a CSS property.
width, color, font-size, opacity, ...
200
What does the "p" in the <p> tag stand for?
paragraph
200
Which is not a jQuery function we have learned?

1. append

2. attribute

3. click

4. css

5. text

2. attribute
200
jQuery is a JavaScript _______
library
300
Which of the following elements will create a hyperlink on a webpage that when clicked will take the user to google.com?

1. <a href="http://www.google.com">Google</a>

2. <a src="http://www.google.com">Google</a>

3. <a name="Google">http://www.google.com</a>

4. <link href="http://www.google.com">Google</link>

5. <link src="http://www.google.com">Google</link>

6. <link name="Google">http://www.google.com</link>

1. <a href="http://www.google.com">Google</a>

300
Fill in the blanks. In the following CSS rule, "img" is a __________, "width" is a __________, and "100px" is a __________.

img { width: 100px; }

(1) selector (2) property (3) value
300
Rewrite the following element so it has the class "largeImages"

<img src="someImage.jpg">

<img class="largeImages" src="someImage.jpg">
300

Here's some HTML:

<p>Old text</p>

What will it look like after running the following jQuery expression?

$("p").text("New text");

<p>New text</p>
300
Fill in the blanks:

1. HTML defines the _______ of the page.

2. CSS defines the _______ of the page.

3. JavaScript defines the _______ of the page.

1. structure

2. style

3. behavior

400
What is the correct HTML for inserting an image?

1. <img href="image.gif">

2. <image url="image.gif">

3. <img>image.gif</img>

4. <img src="image.gif">

4. <img src="image.gif">

400
Given the following HTML, write a CSS rule that targets ONLY the second image and sets its width property to 200px.

<img class="largeImages" src="pic1.jpg">

<img class="largeImages" id="second" src="pic2.jpg">

<img id="third" src="pic3.jpg">

#second { width: 200px; }

400
Rewrite the following element so it has the ID "favClub"

<h1>ScriptEd</h1>

<h1 id="favClub">ScriptEd</h1>
400
Which jQuery expression will make the color of all the paragraph elements blue?

1. $("p").attr("blue", "color");

2. $("p").attr("color", "blue");

3. $("p").css("blue", "color");

4. $("p").css("color", "blue");

4. $("p").css("color", "blue");
400
Write down as many CSS properties as you can in 1 minute. Person with the most wins.
color, font-size, opacity, ...
500
Which HTML element defines what text is displayed in the browser tab?
The <title> element
500
What's wrong with the following CSS rule?

p ( color - blue )

1.Uses parentheses instead of curly-braces.

2. Uses "-" instead of ":" between color and blue.

3. No semi-colon after blue.

500
Fill in the blanks

1. HTML stands for ______

2. CSS stands for ______

1. HyperText Markup Language

2. Cascading Style Sheets

500

Write a jQuery expression that will change this link to go to "http://harlemvillageacademies.org/"

<a href="http://www.google.com">Best site ever</a>

$("a").attr("href", "http://harlemvillageacademies.org/");
500
Write down as many HTML elements as you can in 1 minute. Person with the most wins.
html, head, body, title, p, h1, ul, ol, div, ...