Help       |       Contact Us      

Back To Chebucto Community Net Homepage


Chebucto Community Net

Formatting Text in HTML
Home >> HelpDesk >> HTML: The Language of the Internet >> Formatting Text in HTML

Serving Your Community's Online Needs Since 1994.

Formatting Text in HTML

What HTML ignores

If you've tried writing some HTML already then you've probably noticed that it doesn't pay much attention to how you format the text. All of the formatting in HTML is done with tags. Because of this, formatting the text does nothing. Here are some examples of what HTML doesn't do:

  • Multiple spaces are ignored, only 1 space is shown.
  • Tabs are displayed as a single space.
  • Multiple tabs are ignored, only 1 space is shown.
  • Returns are ignored completely.
  • line breaks are ignored completely.

What this means is that all but single spaces get ignored, and it doesn't matter how a line ends.

How to format text in HTML

Now that you know what HTML ignores, you're probably wondering how to format your text in HTML. You have to use tags to do this. This is an advantage though because then it doesn't matter how big the text is when a person looks at the page, the browser takes care of that. Because the text could be displayed wider or narrower, bigger or smaller by different machines this lets you not have to worry about that. The same paragraph could be a very different length on 2 different browsers because one of them might display the text in a bigger window, but both would look right.

The first formatting tag is the <p> tag. Normally this tag is does not need a </p> to close it, as soon as the browser sees another <p> tag (or any other tag that starts a new line) it is assumed that the last one has ended. This tag is the paragraph tag, and is probably the tag you will use the most if you put a lot of text on your pages. It tells the browser that the text is to be formatted like a paragraph. What this means is that the browser will put in a blank line and then start to display the text, wrapping to new lines as needed. When the next <p> tag comes up the browser puts another blank line and then does the text that follows that tag.

If you want to end one line but not put in a blank line like this:
First line
Second line
Then you need to use the <br> tag, the break tag. All that this does is end the line you are on.

The <br> tag is also useful if you want to make multiple blank lines. You can't do this with multiple <p> tags, they just collapse into one blank line. Instead, you use <br>, first put a <br> tag at the end of the line you're on, then put a <br> tag for each blank line you want.

Aligning text

You now know how to format paragraphs but what if you don't want the text to look just like a normal paragraph? What if you want something just on the right side, or centered? To do this you use the align attribute. An attribute is additional information that you can put into a tag. The <p> tag can accept many attributes (most of which are experimental and so are not well supported), including the align attribute. To use any attribute you just put it into the tag:
<p align="center">text</p>
Note that here you have to put in a </p> tag to close the paragraph, this is so that the browser is certain where the special formatting ends. You can use this to align the text left, right, or center.

Netscape has also created a <center> tag which you may have seen. This tag is a newer tag and so not all browsers will support it, it is safer to use the align attribute instead.

Use Chebucto's
Secure Webmail!

Chebucto Username

Mail Password

Set Spam Filter Preferences


Join Here!
Get your own Chebucto account

Chebucto Services
Look here for our available services and prices!
Accounts for individuals, families, non-profit groups and small businesses!

Secure Online Payment
for Donations/
Membership Renewals
[PayPal]  

About Us      Help promote us!
Who we are, what we do
and how you can help

Chebucto Plus
Our Premium Internet Access

Chebucto Wireless
Our Community-Run
Non-Profit Highspeed Access

 

The Chebucto
Neighbourhood

Websites of Dozens of Groups, Organizations and Businesses hosted by Chebucto

By Alphabet      By Subject

Chebucto Photo Gallery


Chebucto Community Net
Our Privacy Policy                Our Web Site Terms of Use