dkFlyer

Using Fonts

View the RGB Color Chart (in JavaScript) here.

You learned how to use Large Size and Bold in the Beginning HTML Tutor:
<HTML>
<BODY>
<CENTER>
<H1>
Hello World<BR>
</H1>
<B>
My name is Dennis Kennedy<BR>
</B>
</CENTER>
</BODY>
</HTML>
 		<-- the HTML Opening Tag,
<-- the BODY Opening Tag,
<-- the CENTER Opening Tag,
 <-- the LARGE SIZE Opening Tag,
 <-- Your Message,
 <-- the LARGE SIZE Closing Tag,
 <-- the BOLD Opening Tag,
 <-- Another Line,
 <-- the BOLD Closing Tag,
 <-- the CENTER Closing Tag,
<-- the BODY Closing Tag,
<-- the HTML Closing Tag.

This Code will produce this:

Hello World


My name is Dennis Kennedy

With HTML 3.0 and Above, you can also use the FONT property for SIZE:
<HTML>
<BODY>
<CENTER>
<FONT SIZE=6>
Hello World<BR>
</FONT>
<B>
My name is Dennis Kennedy<BR>
</B>
</CENTER>
</BODY>
</HTML>
 		<-- the HTML Opening Tag,
<-- the BODY Opening Tag,
<-- the CENTER Opening Tag,
 <-- the FONT SIZE Opening Tag,
 <-- Your Message,
 <-- the FONT Closing Tag,
 <-- the BOLD Opening Tag,
<-- Another Line,
<-- the BOLD Closing Tag,
<-- the CENTER Closing Tag,
<-- the BODY Closing Tag,
<-- the HTML Closing Tag.

This Code will produce this (if you are using HTML 3.0 or Above):

Hello World
My name is Dennis Kennedy

With HTML 3.0 and Above, you can also use the FONT property for COLOR:
<HTML>
<BODY>
<CENTER>
<FONT SIZE=6 COLOR="#6060FF">
Hello World<BR>
</FONT>
<B>
My name is Dennis Kennedy<BR>
</B>
</CENTER>
</BODY>
</HTML>
 		<-- the HTML Opening Tag,
<-- the BODY Opening Tag,
<-- the CENTER Opening Tag,
 <-- the FONT SIZE and COLOR Opening Tag,
 <-- Your Message,
 <-- the FONT Closing Tag,
 <-- the BOLD Opening Tag,
<-- Another Line,
<-- the BOLD Closing Tag,
<-- the CENTER Closing Tag,
<-- the BODY Closing Tag,
<-- the HTML Closing Tag.

This Code will produce this (if you are using HTML 3.0 or Above):

Hello World
My name is Dennis Kennedy

With Browsers that are HTML 2.0 and Below, the FONT property is Ignored:
This "Using Fonts" HTML Document uses the FONT Property for COLOR,
but still uses the "<H1>", "<H2>" and "<H3>" for Font SIZE.
This way, this HTML Document still works for HTML 1.0.
<HTML>
<BODY>
<CENTER>
<FONT SIZE=6 COLOR="#6060FF">
Hello World<BR>
</FONT>
<B>
My name is Dennis Kennedy<BR>
</B>
</CENTER>
</BODY>
</HTML>
 		<-- the HTML Opening Tag,
<-- the BODY Opening Tag,
<-- the CENTER Opening Tag,
 <-- the FONT SIZE and COLOR Opening Tag,
 <-- Your Message,
 <-- the FONT Closing Tag,
 <-- the BOLD Opening Tag,
<-- Another Line,
<-- the BOLD Closing Tag,
<-- the CENTER Closing Tag,
<-- the BODY Closing Tag,
<-- the HTML Closing Tag.

This Code will produce this on HTML 2.0 or Below:

Hello World
My name is Dennis Kennedy

With HTML 3.0 and Above, you can also use the FONT property for FACE:
<HTML>
<BODY>
<CENTER>
<FONT FACE="Symbol">
&#220;
</FONT>
&nbsp;;
Hello World
&nbsp;;
<FONT FACE="Symbol">
&#222;
</FONT><BR>
<B>
My name is Dennis Kennedy<BR>
</B>
</CENTER>
</BODY>
</HTML>
 		<-- the HTML Opening Tag,
<-- the BODY Opening Tag,
<-- the CENTER Opening Tag,
 <-- the FONT FACE "Symbol" Opening Tag,
<-- the Left Arrow Symbol,
 <-- the FONT Closing Tag,
 <-- the Space Character,
 <-- Your Message,
 <-- the Space Character,
<-- the FONT FACE "Symbol" Opening Tag,
<-- the Right Arrow Symbol,
 <-- the FONT Closing Tag,
<-- the BOLD Opening Tag,
<-- Another Line,
<-- the BOLD Closing Tag,
<-- the CENTER Closing Tag,
<-- the BODY Closing Tag,
<-- the HTML Closing Tag.
For complete examples, you can view the Ascii Chart here (written in JavaScript).

This Code will produce this (if you are using HTML 3.0 or Above):

Ü   Hello World   Þ
My name is Dennis Kennedy

Note that I do not recommend specifying actual Font Faces.
If the End User Browser does Not have the Font that you specify,
the HTML Document may not even resemble what you had intended.

Back to the Table of Contents

Author: Dennis Kennedy
Copyright © 1998 dkFlyer
If you have any questions, email me.

Hosted by www.Geocities.ws

1