Have a question? Ask an IPL Librarian!

(Use our Contact Us form for questions/suggestions about our site.)

More Fonts and Text Styles

WARNING! You really shouldn't use the tags once you understand HTML better and after you learn CSS (which we'll explain a little later). However, since you're just starting to learn HTML, go ahead and use them for now.

As you just learned, the web browser assumes a default value for the font size. Well, the web browser also assumes a default value for the font face, which is Times New Roman, and the font color, which is black. But, I am going to show you how to change them by writing attributes and values…just like we did with the font size!

To change the value for the font face, you need to use the font tags once again. Also, you need to include a face attribute, which is simply the name of the font you want to use. For example:

<font

start tag

face=

attribute

"Arial">
red arrow pointing up

value

Woo-Hoo!

I'm learning HTML!


red arrow pointing up

end tag

Here is a quick list of just some of the faces that you can use:

Arial
Arial Black
Arial Narrow
Book Antiqua
Bookman Old Style
Century Gothic
Century Schoolbook
Courier New
Garamond
Times New Roman
Verdana

To change the value for the font color, you need to use…can you guess what it is? …yep, the font tags. Also, you need to include a color attribute and value:

<html>

<head>

<title> Learning HTML </title>

</head>

<body>

 Woo-Hoo! I'm learning HTML! 

</body>

</html>

As for giving a value, you can do as I did and type in the name of a color. Or, instead of typing in a color name, you can place a code which will allow you to specify the exact color you want. For instance, in the example above, I used the word Orange. But, instead, I could of typed this:

 Woo-Hoo! I'm learning HTML! 

Just keep in mind that using a color code is safer since color names only work with Netscape web browsers.

Wondering if you can put more than one attribute in a tag? Say, for instance, you want to change the size, face and color. No problem! Just put all the attributes into the start tag:

<html>

<head>

<title> Learning HTML </title>

</head>

<body>

Woo-Hoo! I'm learning HTML! 

</body>

</html>

Well, you have just learned the basics on Fonts and Text Styles. Yeah! Now, let's move on to the real fun…making links to other web pages.

Previous | Index | Next

This resource originally created by Deborah Dunk.
Revised and edited by Michael Galloway in 2005 & in 2006.

Updated on 11 Jun 2009

What is the IPL?

The Internet Public Library is a public library for the world wide web.
Students from a consortium of colleges and universities with programs in information science develop and maintain the IPL!
Here are some of the partners in the IPL Consortium. A complete list is found on the IPL Consortium page.

The Internet Public Library is hosted by The iSchool at Drexel, College of Information Science and Technology,
with major support from the College of Information at Florida State University.