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:
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.
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:
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.