HTML - The Basics

Text Appearance - Sizing and fonts

You will have noticed that there are large and smaller characters displayed on your browser. There are two main ways in which you can change the size of the text you want displayed.

Font sizing as titles in your documents


<HTML> <BODY>
<H1> My Big Title Here </H1>
one two three
<H2> My Big Title Here </H2>four five six
<H3> My Big Title Here </H3>
seven eight nine
<H4> My Big Title Here </H4>ten eleven twelve
<H5> My Big Title Here </H5>
thirteen fourteen fifteen
<H6> My Big Title Here </H6>

sixteen seventeen eighteen 
nineteen twenty twenty one  
</BODY> </HTML>

My Big Title Here

one two three

My Big Title Here

four five six

My Big Title Here

seven eight nine

My Big Title Here

ten eleven twelve

My Big Title Here

thirteen fourteen fifteen

My Big Title Here

sixteen seventeen eighteen nineteen twenty twenty one

The source shows that if you hard return to a new line to write the text, it makes no difference in the browser display, because the tags, <H1> <H2> <H3> <H4> <H5> and <H6> format the text so that all text after the tag pair will hard return the text. In effect, these tags are like title headers. Also, hard returning at the end of a sentence will result in a single space on the browser display.

Changing FONT attributes in a body of text

<FONT>

<FONT SIZE=4> The font size is 4.</FONT>
<FONT SIZE=7> The font size is 7.</FONT>

The font size is 4. The font size is 7.

<FONT COLOR="#FFFFFF"> The font colour is white.</FONT>
<FONT COLOR="#000000"> The font colour is black.</FONT>

The font colour is white. The font colour is black.

<FONT FACE="Arial"> The font face is Arial.</FONT>
<FONT FACE="Courier"> The font face is Courier.</FONT>

The font face is Arial. The font face is Courier.

More colours can be seen by following this link

You will see that some colour schemes may be illegible. This must be born in mind when creating colours for the background in both pictures and text.

BODY

Previous : Index : Next