HTML 1
HTML 2
HTML 3
HTML / CSS
CSS

100

What does the "p" in <p> stand for?

paragraph

100

Almost all of our content the user sees goes in which element?

1. head

2. body

2. body

100

What does the "li" in <li> stand for?
list item

100

If we want to target a class with a CSS selector, the selector will have to start with this character.

. <-- That's a period

100

If we want to target an ID with a CSS selector, the selector will have to start with this character.
#

200

Which HTML tag will create the largest heading?

1. <h1>

2. <head>

3. <h6>

4. <heading>

1. <h1>

200

What element would you use to make a numbered list?

1. <list>

2. <ol>

3. <li>

4. <ul>

2. <ol>

200

What element would you use to make a bulleted list?

1. <list>

2. <ol>

3. <li>

4. <ul>

4. <ul>

200

Where should a <link> element used to include a CSS file go?

1. Before the <head> element

2. Inside the <head> element

3. Inside the <body> element

4. After the<body> element

2. Inside the <head> element

200

Give an example of a CSS property.
width, color, font-size, opacity, ...

300

What should be the first line of your HTML files?

1. <!doctype html>

2. <body>

3. <html>

4. <head>

1. <!doctype html>

300

You can nest a list inside of another list.

True

False

True

300

What is the correct HTML for inserting an image?

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

2. <image src="image.gif" alt="MyImage">

3. <img alt="MyImage">image.gif</img>

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

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

300

Rewrite the following element so it has the class "largeImages"

<img src="someImage.jpg">

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

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

400

What is the correct HTML for creating a hyperlink?

1. <a>http://www.w3schools.com</a>

2. <a name="http://www.w3schools.com">W3Schools.com</a>

3. <a href="http://www.w3schools.com">W3Schools</a>

4. <a url="http://www.w3schools.com">W3Schools.com</a>

3. <a href="http://www.w3schools.com">W3Schools</a>

400

Give an example of an HTML attribute.
src, alt, href, ...

400

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>

400

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

<h1>ScriptEd</h1>

<h1 id="favClub">ScriptEd</h1>

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; }

500

Fill in the blank. "src" and "alt" in the following element are examples of __________.

<img src="image.gif" alt="MyImage">

attributes

500

Give an example of a self-closing element.
img, link

500

Why do we indent our HTML?

1. If we don't, the browser can't display the HTML.

2. So it is easier for humans to read.

2. So it is easier for humans to read.

500

Which of the following attributes does NOT go in the <link> element?

1. src

2. href

3. type

4. rel

1. src

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.