1. The first line of a paragraph is indented how many spaces, by default? Answer with a numeral.
That's correct. Well done!
The correct answer:
0
Press Tab or click button to advance to next exercise.
2. What is the word in CSS that specifies a first-line indent?
That's correct. Well done!
The correct code:
text-indent
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
3. What unit of measurement do you use to specify how deep a first-line indent is? Answer with a plural.
That's correct. Well done!
The correct answer:
ems
Press Tab or click button to advance to next exercise.
4. To indent all the lines of a section of text, what HTML word do you use?
That's correct. Well done!
The correct code:
blockquote
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 style all paragraphs so they indent 1 em.<
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.
Code the HTML that indents all the lines of a paragraph that says Bollywood makes many musicals. Code both opening and closing tags as well as the text.
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 a class of paragraphs named "special" that indents the first line 1.5 ems.
Press Tab or click button to advance to next exercise.
That's correct. Well done!
8. Create a class of paragraphs that indents the first line. Indent by any amount you like. Make up the name.
That's correct. Well done!
Example:
p.indented {
text-indent: .75em;
}
Press Tab or click button to advance to next exercise.
9. Style paragraphs explicitly so they indent to the default, that is, no indent.
That's correct. Well done!
The correct code:
p {
text-indent: 0;
}
Press Tab or click button to advance to next exercise.
10. Code all the opening and closing tags (4 tags in all) for a paragraph where all the lines are indented. Don't include any text in the paragraph.
That's correct. Well done!
The correct code:
<blockquote><p></p></blockquote>
Press Tab or click button to advance to next exercise.
11. Create a class of blockquote that doubles the "normal" text size. Make up the name.
That's correct. Well done!
Example:
blockquote.special {
font-size: 2em;
}
Press Tab or click button to advance to next exercise.
12. Code the opening tags only (2 opening tags in all) for a paragraph all of whose lines are indented and whose first line has additional indentation. The CSS you'll need to refer to is this:
p.indented {
text-indent: 1.25em;
}
That's correct. Well done!
The correct code:
<blockquote><p class="indented">
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: 35 seconds. Create a class of paragraphs named "special" that indents the first line 1.5 ems.
Press Tab or click button to check answer.
The correct code:
p.special {
text-indent: 1.5em;
}
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
14. Time goal: 40 seconds. Create a class of paragraphs that indents the first line. Indent by any amount you like. Make up the name.
Press Tab or click button to check answer.
Example:
p.indented {
text-indent: .75em;
}
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. Style paragraphs explicitly so they indent to the default, that is, no indent.
Press Tab or click button to check answer.
The correct code:
p {
text-indent: 0;
}
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
16. Time goal: 35 seconds. Code all the opening and closing tags (4 tags in all) for a paragraph where all the lines are indented. Don't include any text in the paragraph.
Press Tab or click button to check answer.
The correct code:
<blockquote><p></p></blockquote>
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
17. Time goal: 40 seconds. Create a class of blockquote that doubles the "normal" text size. Make up the name.
Press Tab or click button to check answer.
Example:
blockquote.special {
font-size: 2em;
}
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
18. Time goal: 35 seconds. Code the opening tags only (2 opening tags in all) for a paragraph all of whose lines are indented and whose first line has additional indentation. The CSS you'll need to refer to is this:
p.indented {
text-indent: 1.25em;
}
Press Tab or click button to check answer.
The correct code:
<blockquote><p class="indented">
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.
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.
0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19
1
0