Show:
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.