Manuscript for HTML Tutorial #6

Listed below is the manuscript of all textual instructions used in HTML Tutorial #6 - Using Line Breaks to Start a New Line of Text. 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 #6 - Using Line Breaks to Start a New Line of Text

Lesson #6: Line Breaks. Click the play button to begin the tutorial.
OK, so far you should have a web page with a title and a sentence in its body.
Let's see how to place another sentence right underneath this one.
Of course, we'll need to make these changes in our text editor.
Instead of opening the source document from inside of Notepad, let's use this next little trick.
First we'll select View from the menu.
By the way, this technique will work using Internet Explorer, but may not work with other web browsers.
Then we'll click on Source.
Internet Explorer will open Notepad, and display the source document of the current web page.
We can make our changes right here, save this file, and then refresh the browser to view the changes.
Let's enter a new sentence, on a new line, underneath this one.
Next we'll save, and see how it looks in our web browser.
Of course we'll need to Refresh the browser, so the updated file will load.
Hmmm, that's strange. Why didn't the second sentence begin on a new line?
Well, that's because a web browser does not recognize the regular formatting used inside of its source document.
Consecutive spaces, tabs, line feeds & carriage returns in the source document are all displayed as only one single space in the web browser.
If we want our sentence to start on a new line, we can use the line break tag.
We can place a line break tag wherever we want a new line to start.
The line break tag does not have a closing tag.
It's called an empty tag, because unlike the other tags we've seen so far, it doesn't hold anything.
Now let's see how our web page looks.
That's much better. We'll learn several other ways to format our text in the lessons that follow.
Go ahead and practice using line breaks in your document, then move on to Lesson #7.

<<<Tutorial #5

Tutorial #7>>>