HTML Tutorial

Carriage Return or Line Break: <br>

Centering a word or block of text: <center></center>

<center> Centered Text </center>

Bold text: <b></b>

This is <b> bold </b> text.

Italicized text: <em></em>

This is <em> italicized </em> text.

Underlined text: <u></u>

This is <u> underlined </u> text.

More complex font changes employing the general purpose "<font>" tag:

1. To change the color of a block of text you simply use the "<font>" tag but supply an additional "color=" command within the tag like so: <font color="?"></font>

eg. <font color="blue">This font is now blue. </font>

<font color="red"> This font is now red.</font>

Only the last word is <font color="yellow">yellow. </font>


2. To change the font which is being used you once again employ the "<font>" tag but instead supply the "face=" command within the tag: <font face="?"></font>

eg. <font face="verdana"> This font is now verdana.</font>

<font face="arial"> This font is now arial.</font>

<font face="courier"> This font is now courier. </font>

<font face="times"> This font is now times. </font>


3. To change the size of the text being displayed you just supply the "size=" command within the font tag and assign it a relative value to incrementally adjust the size by, ie "size=+1" adjusts the size to the next bigger value while "size=-1" adjusts it to the next smaller value: <font size="+/- ?"></font>

eg. <font size="+1"> This text is one size larger than the base. </font>

<font size="+2"> This text is two sizes larger than the base. </font>

<font size="-1"> This text is one size smaller than the base size. </font>


4. You can also combine the above "<font>" comands within a single "<font>" tag like so: <font color="?" face="?" size="+/-?"> </font>

eg. <font color="blue" face="verdana" size="+1">Bigger, blue, verdana. </font>

<font color="red" face="courier" size="-1"> Smaller, red, courier. </font>