HTMLCOOK -
Main Page
- lists all articles and tutorials
Google
  Web www.htmlcook.com
1&1 hosting - UK hosting - Buy your domain from 1&1 - Best domain prices in the UK!
1&! US hosting - Hosting Made Easy. Order 1&1 Microsoft Web Hosting from the World’s # 1 Web Host. Get up to 5 FREE domains! Linux hosting, dedicated servers. Amazing service.
HTMLCOOK sponsored by Freebies Network UK
UK Internet access deals

Introduction
Backgrounds
Fonts
Advanced Text
Lists
images
Links
Tables
Frames
Forms
JavaScript
Recommended Links
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. 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 > <FONT SIZE=5 COLOR=#ff6633 FACE="Arial">This is my first web page</FONT>

</BODY>

</HTML>

Click here to see the page in action


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=#ff6633 FACE="Arial">This is my first web page</FONT>

<P><FONT SIZE=3 COLOR=#ff6633 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>

Click here to see this page


 

*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


<<Previous Page