Online Learning Applications for Technical English


Home
Syllabus
Assignments

Instructor



Producing Homepages

Step 4. Modifying text sizes, fonts, etc.

In the bar graph sample below, the letters in the the title are larger than the rest of the text.

You can change the size of characters using heading (<H1>, <H2>, etc.) or <FONT> tags. 

<H1>ABC</H1>
 
-->

ABC

 
<H2>ABC</H2>
 
-->

ABC

 
<H3>ABC</H3>
 
-->

ABC

 
<FONT SIZE=+3>ABC</FONT> --> ABC
<FONT SIZE=+1>ABC</FONT> --> ABC
<FONT SIZE=-1>ABC</FONT> --> ABC
<FONT SIZE=-3>ABC</FONT> --> ABC

We can also use the <FONT></FONT> tags to change the text font or color: 

<FONT FACE="Arial">ABC</FONT>  --> ABC
<FONT FACE="Impact">ABC</FONT> --> ABC
<FONT COLOR="BLUE">ABC</FONT>  --> ABC
<FONT COLOR="RED">A</FONT>
  <FONT COLOR="ORANGE">B</FONT>
  <FONT COLOR="GREEN">C</FONT> --> ABC

In the bar graph example, the title is written as a second level (<H2></H2>) heading and the remaining text is reduced one size:

Filename: age_range_bar_graph_v3.html 
<HTML>

<HEAD>
</HEAD>

<!-- [7/31/2007] - Version 3 of age range -->
<!--   bar graph. -->

<BODY>
<FONT FACE="Arial, Helvetica">
<H2>Online Learning Applications</H2>

<P>

<FONT SIZE=-1>
The age range information of AIP4 students:
</FONT>

       .
       .
       .

</FONT>
</BODY>

</HTML>
[ View result ]

[ Back ]