Manuscript for HTML Tutorial #7

Listed below is the manuscript of all textual instructions used in HTML Tutorial #7 - Formatting Text with Paragraphs & Horizontal Rules. Most of this text is displayed inside the yellow balloons used to guide viewers as they watch the lessons.

Students and instructors may find it helpful to have a hard copy of these balloon instructions. You may print this web page to use as an aide in following, referencing, or demonstrating the web design series.

Manuscript Table of Contents

Entire HTML Tutorial Series

Tutorial #7 - Formatting Text with Paragraphs & Horizontal Rules

Lesson #7: Paragraphs & Horizontal Rules. Click the play button to begin the tutorial.
OK, we've seen how to start text on a new line.
Now we will see how to group and divide text with paragraphs and horizontal rules.
Let's place this text inside its own block-level container.
The most common text container is the p (paragraph) element.
We'll start with the opening <p> tag.
Then we'll end our paragraph with the closing </p> tag.
Let's add a couple more paragraphs underneath this one.
Now, we can also separate sections of our page using horizontal rules.
Let's place one here right after the page headlines.
The <hr> tag is another example of an empty tag.
It has no closing tag because it doesn't contain anything.
Let's place another one down here to separate a page footer that we'll be adding to in the next lesson.
OK, time to see how it all looks in a browser.
Notice how the individual paragraphs are separated from each other by an empty line.
It's as if each paragraph is inside of its own invisible box with a one-line margin.
The <hr> tag created a horizontal line that helps to visually separate sections of our web page.
Go ahead and add some paragraphs, and maybe a few horizontal rules to your web document. Then when you're ready, you can start Lesson #8.

<<<Tutorial #6

Tutorial #8>>>