logo
g Text Version
Auto
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Society & Culture
Sports
Travel & Leisure
TV & Movies

dailyclick
Bored? Games!
Postcards
Astrology
Take a Quiz
Rate My Photo

new
Jokes & Riddles
Astronomy
Philosophy
Public Health
Canadian Culture


dailyclick
All times in EST

Full Schedule
g
g HTML Site
Elizabeth Connick
BellaOnline's HTML Editor

g

The HTML Format Tags - Paragraph and Break Tags
Guest Author - Diane Cipollo

There are several HTML tags that control the look and format of your webpage. One example is the bold tag that you read about in an earlier article. Remember that you used the bold <b> tag to make text appear boldface or dark? But maybe you need even more control over the format of your webpages. That’s what we will talk about in this tutorial. As with all HTML tags, in the format tags the element name of each tag is surrounded by angle brackets.

Paragraph and Break Tags

<p>The Paragraph Tag</p>

You will need a way to put a space between your paragraphs. You guessed it; you would use the paragraph tag. Place the opening paragraph tag <p> at the start of the paragraph and the closing paragraph tag </p> at the end. This will cause a white space to appear between paragraphs. Actually, the closing </p> tag is optional but it is still good practice to use it. You can align to the left, center or right of the webpage with the align attribute (<p align="left">).
<p> </p>


<p>Mary had a little lamb. . .</p>

<p>Three blind mice. . .</p>



<br> The Break Tag

What happens when a short sentence does not go all the way to the end of the line on the webpage and you want to start a new sentence on the next line? A good example of this is the poem below. You can use the Enter key on your keyboard to move down to the next line to type a new line of text and it will look OK in your text editor. But when you look at your webpage in a browser, the first and second lines will run together.

  • In the text editor the two lines will look like this.

    Mary had a little lamb.
    His fleece was white as snow.

  • In the web browser the two lines will look like this.

    Mary had a little lamb.His fleece was white as snow.

To force a line break (move the second sentence down to the next line on the webpage) you will use the line break or break tag. It looks like this <br>. Just place the tag at the end of the first line. If you would like several empty lines, you will use one line break tag for each empty line.
<br>
Mary had a little lamb.<br>
His fleece was white as snow.<br><br><br>


And everywhere that Mary went<br>
The lamb was sure to go.

← Back | Next →





RSS | Previous Features | Site Map


Content copyright © 2008 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Elizabeth Connick for details.

Digg! g delicious Save to Del.icio.us

g


For FREE email updates, subscribe to the HTML Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor

g features
How To Set Up a Mailto Link

Using CSS to Set a Background Image

Choosing the Right Font, Part Two

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Driving Amount
Much more
Slightly more
Slightly less
Much less

g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2008 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor