eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
Resources
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak

 

Introducton to Web Design
Sizing Text  
  • The following table describes the most common tags used for sizing text:
Opening Tag Closing Tag Description
<H*> </H*> Creates heading text of varying sizes (from 1-6). To choose a heading level, you replace the * with a number from 1 to 6. For example, a heading level one tag would look like <H1>heading Text level One</H1>. Note that heading tags imbed a line break and can take an optional alignment parameter of LEFT, RIGHT, or CENTER
<FONT SIZE = "*"> </FONT> You may specify an absolute height such as <FONT SIZE = "4"> or you may specify a size relative to the basefont using the increment notation such as <FONT SIZE = "+2">.
<BIG> </BIG> Like the <FONT> tag, this tag enlarges the base font size.

  • The following HTML code shows how you might size text.

<HTML>
<HEAD>
<TITLE>Sizing Text</TITLE>
</HEAD>
<BODY>

<H1>H1</H1>
<H2>H2</H2>
<H3>H3</H3>
<H4>H4</H4>
<H5>H5</H5>
<H6>H6</H6>

<FONT SIZE = "1">Font Size = 1</FONT>
<BR><FONT SIZE = "7">Font Size = 7</FONT>
<BR><FONT> Font size = +0</FONT>
<BR><FONT SIZE = "+2">Font Size = +2</FONT>

<P>
<BIG>big text</BIG>
</BODY>
</HTML>
  • The following image shows what various font sizes look like...

  • Notice in particular that the heading tags (H*) automatically insert a line break after they are done whereas the FONT tags do not.

Previous Page | Next Page