WilRose HTML Tutorial, a FREE on-line learning center


Download Some Cool Website Software Now !
This site designed with Web Page Creator 32 HTML Editor ver. 6.0

Introduction
Backgrounds
Fonts and Text
Accents
Lists
Images
Links
Tables
Frames
Forms
JavaScript
Great Books
Members Area

Fonts and Text

There are seven different font sizes to choose from, size 7 being the largest and size 1 being the smallest. The same color codes that you used in the Backgrounds section apply to font colors. Again the old six digit RGB codes. The actual font faces that you can use are limited to whatever fonts you have on your system for your viewing purposes. A Ha! But not for your Web Site programming purposes! Yes, you can program a font on your web page that you don't even have on your sytem and when somebody who does have that font visits your web page they will see it. But it also works the other way around. If you use some rare and obscure font face on your web pages that your viewers don't have they won't see it. Most Browsers will display your text, but they will do it in the default font face, (usually boring old Times New Roman).

Y O U   C A N   G R E A T L Y   E N H A N C E

The look and feel of your Web Pages with fonts & text.

Now let's add some contrast to "MyPage.html". Open up your text editor again and open your web page in the editor.


<HTML>

<HEAD>

<TITLE>My first web page</TITLE>

</HEAD>

<BODY BACKGROUND="Images/blue.gif"> <FONT SIZE=5 COLOR=#FF0000 FACE="Arial">This is my first web page</FONT>

</BODY>

</HTML>

Simple as that! *NOTE* Your visitors to your web page may have limited or completely different font sets than what you have programmed and may not be able to "read" your fonts, but you can give them multiple choices. They are in a prioritized order. Their browser will look for the first one in the order and display the content in that font if they have it. If not the browser will look for the second, the third choice, etc. Give multiple fonts choices like so:

<FONT SIZE=3 COLOR=#000000 FACE="Arial, Book Antigua, Times New Roman">

Changing the dynamics of your web page content by changing your font sizes colors and faces is easy. It only requires more typing and the use of the <P>, (Paragraph) and the <BR>(Line Break) and the <B> (Bold) tags.

<HTML>

<HEAD>

<TITLE>My first web page</TITLE>

</HEAD>

<BODY BACKGROUND="Images/blue.gif"> <FONT SIZE=5 COLOR=#FF0000 FACE="Arial">This is my first web page</FONT>

<P><FONT SIZE=3 COLOR=#FF0000 FACE="Book Antigua"> And this is my first web page content</FONT>

<BR><FONT SIZE=4 COLOR=#00FF00 FACE="Impact"><B>And this is my second web page content</B></FONT>

</BODY>

</HTML>

*NOTE* You do not have to "end" the <P> and the <BR> tags like you do with the <B> tag and all other tags. The Paragraph and Line Break tags are the exeptions to the rule.

Play with these tags, create some content on your "MyPage.html", do whatever you want to with it. Try differnt fonts, font sizes, colors, etc. Get comfortable with using the tags.

Top of Page?



Tutorial Front Page / Backgrounds / Accents / Lists
Images / Links / Tables / Frames / Forms / JavaScript
Cool Free Web Stuff / Recommended Books / Web Site Design / WilRose.com Home