The Wayback Machine - https://web.archive.org/web/20090201155330/http://www.webreference.com:80/html/tutorial22/4.html


spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / html / tutorials / 22 / 4

index12345678

Tutorial 22: The Font of Foulness, Part I: Size Matters

Developer News
Open Source ECM Growing Up
Android's Second Act, G2 Rumors Heat Up
Eclipse Rolls Out PHP Development Tools 2.0

Relative Font Sizes using BIG and SMALL

As if the whole FONT mess wasn't enough, Netscape also came up with two elements called BIG and SMALL. BIG is exactly the same as FONT with a SIZE attribute of +1 and SMALL is the same as FONT with a SIZE attribute of -1. The analogy can be seen in the following example:

<TABLE>
<TR>
<TD><FONT SIZE="-2">Foobar -2</FONT></TD>
<TD>
 <SMALL><SMALL>
  Foobar SS
 </SMALL></SMALL>
</TD>
</TR>
<TR>
<TD><FONT SIZE="-1">Foobar -1</FONT></TD>
<TD>
 <SMALL>
  Foobar S
 </SMALL>
</TD>
</TR>
<TR>
<TD><FONT SIZE="3">Foobar 3</FONT></TD>
<TD>
  Foobar
</TD>
</TR>
<TR>
<TD><FONT SIZE="+1">Foobar +1</FONT></TD>
<TD>
 <BIG>
  Foobar B
 </BIG>
</TD>
</TR>
<TR>
<TD><FONT SIZE="+2">Foobar +2</FONT></TD>
<TD>
 <BIG><BIG>
  Foobar BB
 </BIG></BIG>
</TD>
</TR>
<TR>
<TD><FONT SIZE="+3">Foobar +3</FONT></TD>
<TD>
 <BIG><BIG><BIG>
  Foobar BBB
 </BIG></BIG></BIG>
</TD>
</TR>
<TR>
<TD><FONT SIZE="+4">Foobar +4</FONT></TD>
<TD>
 <BIG><BIG><BIG><BIG>
  Foobar BBBB
 </BIG></BIG></BIG></BIG>
</TD>
</TR>
</TABLE>
Foobar -2 Foobar SS
Foobar -1 Foobar S
Foobar 3 Foobar
Foobar +1 Foobar B
Foobar +2 Foobar BB
Foobar +3 Foobar BBB
Foobar +4 Foobar BBBB

These elements are terrible because you usually need to nest them pretty deep to get the desired effects. They are useless (since you can do the same things with FONT) and add huge amounts of clutter to your documents. Happily, You can deal with BIG and SMALL exactly as you would with FONT and relative sizes, which is what we'll do in the next section. But keep this lesson about BIG and SMALL close to your heart: Avoid them like the plague.

index12345678

http://www.internet.com/

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Copyright 2008 Jupitermedia Corporation All Rights Reserved.

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

webref The latest from WebReference.com Browse >
Apache Basics, Visited · Introduction to AJAX Technologies · Functional JavaScript
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Review: Lenovo's S10e Linux Ideapad · MSI Launches the New GT627 Gaming Notebook · Review: Lenovo's S10e Linux Ideapad

Legal Notices.

URL: http://www.webreference.com/html/tutorial22/4.html

Produced by Stephanos Piperoglou
Created: June 14, 2000
Revised: June 15, 2000

Morty Proxy This is a proxified and sanitized view of the page, visit original site.