GWHS - Round 1

HTML

CSS

HTML 2

CSS 2

HTML 3

100

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

paragraph

100

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

# (pound sign or 'hash')

100

Almost all of our content the user sees goes in which element?
1. head
2. body

2. body

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 does the "li" in <li> stand for?

'list item'

200

Which HTML tag will create the largest heading?

1. <h1>
2. <head>
3. <h6>
4. <heading>

1. <h1>

200

Give an example of a CSS property.

width, color, font-size, text-align, background-color, ...

200

What element would you use to make a numbered list?
1. <list>
2. <ol>
3. <li>
4. <ul>

2. <ol>

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

What element would you use to make a bulleted list?
1. <list>
2. <ol>
3. <li>
4. <ul>

4. <ul>

300

What should be the first line of your HTML files?

1. <!doctype html>
2. <body>
3. <html>
4. <head>

<!doctype html>

300

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

300

True or False, you can nest a list inside of another list.

True

300

Rewrite the following element so it has the class "large-images" <img src="someImage.jpg" />

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">

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

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.

400

Give an example of a self-closing element.

img, link
Example:
<img src="my-cool-img.jpg" alt="some image" />

400

Rewrite the following element so it has the ID "fav-club"
<h1>ScriptEd</h1>

<h1 id="fav-club">ScriptEd</h1>

400

Why do we indent our HTML?
1. Otherwise the browser won't display the HTML.
2. So it is easier for humans to read.

2. So it is easier for humans to read.
This includes other programmers!

500

Fill in the blank.
"src" and "alt" in the following element are examples of __________.
<img src="image.gif" alt="MyImage">

HTML attributes

500

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

500

Given this link:
<a href="http://www.google.com">Google</a>
How do you make it open in a new tab?

Add 'target' attribute and set it to '_blank':
<a target="_blank" href="http://www.google.com">Google</a>

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 does HTML stand for?

HyperText Markup Language