1. <h3> is a tag for a ________.
That's correct. Well done!
The correct answer:
heading
Press Tab or click button to advance to next exercise.
2. How many standard sizes of headings are there? Answer with a numeral.
That's correct. Well done!
The correct answer:
6
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
3. What is the opening tag for the smallest heading?
That's correct. Well done!
The correct code:
<h6>
Press Tab or click button to advance to next exercise.
4. What is the closing tag for the largest heading?
That's correct. Well done!
The correct code:
</h1>
Press Tab or click button to advance to next exercise.
5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to code the largest heading of 2 words, followed by a medium-sized headingof 4 words.
6. Click in the box and type the next character. I'll autocomplete. Don't type spaces or carriage returns. When the exercise is complete, I'll turn the exercise number green.
Create the smallest heading, that says Terms and Conditions
<h6>Terms and Conditions</h6>
That's correct. Well done!
Press Tab or click button to advance to next exercise.
7. Fail-safe coding. If you type the wrong character, I'll cancel the keystroke. Type spaces. When the exercise is complete, I'll turn the exercise number green.
Create the largest heading. It says No Joke. It breaks into two lines, with one word on each line.
<h1>No<br>Joke</h1>
Press Tab or click button to advance to next exercise.
That's correct. Well done!
8. There's one type of heading that should be only one-to-a-page. Type its opening tag
That's correct. Well done!
The correct code:
<h1>
Press Tab or click button to advance to next exercise.
9. Create a next-to-smallest heading, including opening and closing tags, with any text you like.
That's correct. Well done!
Example:
<h5>We win again!</h5>
Press Tab or click button to advance to next exercise.
10. Type a next-to-largest heading, including opening and closing tags, with text of your choice, breaking it into two lines.
That's correct. Well done!
Example:
<h2>Choose<br>Us</h2>
Press Tab or click button to advance to next exercise.
11. Make up a next-to-smallest heading including text, followed by a smallest heading including text.
That's correct. Well done!
Example:
<h5>Our Guarantee</h5>
<h6>Return it for a full refund</h6>
Press Tab or click button to advance to next exercise.
12. Code a heading of any size including made-up text, followed by a made-up paragraph including made-up text.
That's correct. Well done!
Example:
<h4>Our Products</h4>
<p>We don't have any products yet, but we
will soon!</p>
Press Tab or click button to advance to next exercise.
The next several exercises are timed. If you type slowly or dislike time pressure, feel free to increase the allotted time.
13. Time goal: 20 seconds. Create the largest heading. It says No Joke. It breaks into two lines, with one word on each line.
Press Tab or click button to check answer.
The correct code:
<h1>No<br>Joke</h1>
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
14. Time goal: 10 seconds. There's one type of heading that should be only one-to-a-page. Type its opening tag
Press Tab or click button to check answer.
The correct code:
<h1>
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
15. Time goal: 25 seconds. Create a next-to-smallest heading, including opening and closing tags, with any text you like.
Press Tab or click button to check answer.
Example:
<h5>We win again!</h5>
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
16. Time goal: 25 seconds. Type a next-to-largest heading with text, including opening and closing tags, of your choice, breaking it into two lines.
Press Tab or click button to check answer.
Example:
<h2>Choose<br>Us</h2>
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
17. Time goal: 60 seconds. Make up a next-to-smallest heading including text, followed by a smallest heading including text.
Press Tab or click button to check answer.
Example:
<h5>Our Guarantee</h5>
<h6>Return it for a full refund</h6>
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
18. Time goal: 80 seconds. Code a heading of any size including made-up text, followed by a made-up paragraph including made-up text.
Press Tab or click button to check answer.
Example:
<h4>Our Products</h4>
<p>We don't have any products yet, but we
will soon!</p>
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
19. Access this live coding exercise at JS Fiddle. When you've completed the exercise, close the JS Fiddle window, and you'll be returned to this page. (If JS Fiddle displays a warning message saying that your changes will be reset, click Leave this Page.)
Click button to advance.
20. Access this live coding exercise at JS Fiddle. When you've completed the exercise, close the JS Fiddle window, and you'll be returned to this page. (If JS Fiddle displays a warning message saying that your changes will be reset, click Leave this Page.)
Click button to advance.
Congratulations. You've aced all the exercises for this chapter.
Post a review on Amazon for the paperback or the Kindle edition.
Email me to give me a compliment, complaint, or correction. I'll respond.
All of my books include free interactive online exercises that make the knowledge stick.
