105 - BASIC FORMATTING
Images and Attributes of the tag <FONT>

       


<HTML>

<HEAD> <TITLE>
105 - BASIC FORMATTING
</TITLE>

</HEAD>

<BODY BACKGROUND="BGWite.jpg">

<P> <H3>Image Insertion and
<BR> Attributes of the tag FONT </H3>

<P>
<IMG SRC="But05.gif">
<!------------------------------Image Insertion
In this example it was selected the image stored
in the file But05.gif that must be in the same
computer folder of the .htm (or .html) file of the HP.

O Tag <IMG SCR="...."> (Image Source)
always requires the name of a file whose name
must end with the extension .GIF or .JPG
enveloped in double quotes.
------------------------------------------------------>
<BR> The image is that of the red button used
<BR> in the Index page of this course.

<P> The tag FONT has two important attributes:
<BR> SIZE and COLOR:

<P> <FONT SIZE=1> Font Size 1 </FONT>
<BR> <FONT SIZE=5> Font Size 5 </FONT>
<BR> <FONT COLOR=Blue> Font Blue </FONT>
<BR> <FONT COLOR=Red> Font Red </FONT>
<BR> <FONT SIZE=4 COLOR=Olive> Font 4 Olive </FONT>
<!---------------------------------Font Colors
Possible colors by means of words:
White, Aqua, Fuchsia, Blue, Yellow, Lime, Red, Silver
Gray, Teal, Purple, Navy, Olive, Green, Maroon, Black
------------------------------------------------------>

</BODY>

</HTML>

 

How to test the home page above:

[1] Download the file But05.gif (0,2 Kb) to the same computer folder where this home page is to be stored clicking HERE. (Previously read through step [3] below).

[2] Copy the codes from <HTML> to </HTML> into a new file using the Windows Notepad or a HTML editor.

[3] Save the file with whichever name but with the extension .htm or .html in a computer folder (suggested name for the folder: BasicHTML) specially created for holding this course test files.
This folder has to be the same where the file But05.gif was saved in Step [1] above.

Suggestion for the name of the file: AATestXXX.htm where XXX is the number at the top of this screen. The double "A" will put the file name at the top of the list in the folder, making it easier to locate.

[4] Open the file by means of any browser to get the following home page, supposing it has been made the download of the file BGWite.jpg as required in the Lesson 104:

Note the following remarks:

  1. The tag <IMG SCR="...."> has many attributes, among them the following are the most used:

    • ALIGNMENT: Left, Right, Middle,
      Top, Bottom.
    • WIDTH (Maximum recommeded value: 580 points)
    • HEIGHT (Maximum recommended value: 400 points)
    • BORDER (Thickness of the border; No border: BORDER=0)
    • ALT (Alternate name to be shown when the mouse is over the image. Normally it is used the name of the file that contains the image, but may be any other text)
    The attributes are specified internally in the tag <IMG SCR="...."> between < and > after the name of the file enveloped by double quotes, keeping a space between the attributes.

  2. The size of the image files should be only sufficiently large to be displayed in the screen with a resolution of 640x480. The recommended sizes are between 10 and 20 Kb, so that they do not take too long to be downloaded from the provider to the user computer browser.

  3. The fonts are specific of the HTML code. To specify Windows fonts it would be necessary to use the attribute FACE, but they would only be displayed if they were installed at the end user computer. Therefore this attibute is not widespreadly used and even so it is used by means of alternative fonts in case the one selected is not found, rendering the tag <FONT> rather long.

  4. The text color of the whole home page may also be specified by the attribute TEXT of the tag <BODY>:
    Ex: <BODY TEXT=Navy> will make the font of the whole home page to be displayed as dark blue, where not differently specified by the attribute COLOR of the tag <FONT>.

  5. The color values of the tag <FONT> and of the tag <BODY> TEXT attribute may also be specified in hexadecimal codes found in HTML books or directly edited through a HTML editor.

 

Updated Aug/2000 by