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" />
<img class="large-images" 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?
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
M
e
n
u