115 - TABLE
Attributes of the Tag <TD>: ALIGN, VALIGN and BGCOLOR

       


<HTML>
<HEAD>
<TITLE>
115 - TABLE
</TITLE>
</HEAD>

<P> <BODY BACKGROUND="BGWite.jpg">

<CENTER>

<P> <B> ATTRIBUTES OF THE TAG TD </B>
<BR> ALIGN, VALIGN and BGCOLOR
<!-----------------------------------Description of the Attributes
(TD) ALIGN: Horizontal alignment of the text inside the cell.
ALIGN values may be: Left, Right and Center

(TD) VALIGN: Vertical alignment of the text inside the cell.
VALIGN values may be: Top, Bottom and Middle

(TD) BGCOLOR: Background color of the cell.
----------------------------------------------------------->

<P>
<!-----------------------------EXAMPLE TABLE FOR (TD) ATTRIBUTES -->

<TABLE BORDER=1 WIDTH=200 HEIGHT=100 BGCOLOR=Lime>
<!-------------------------------------------Background Colors
Possible colors with words:
White, Aqua, Fuchsia, Blue, Yellow, Lime, Red, Silver
Gray, Teal, Purple, Navy, Olive, Green, Maroon, Black
-------------------------------------------------------------->

   <TR>
     <TD ALIGN=Center VALIGN=Top BGCOLOR=Fuchsia>
<!--In this cell the text is centered and in the top over a fuchsia color background-->
         R1 C1
     </TD>
     <TD>
         R1 C2
     </TD>
     <TD>
         R1 C3
     </TD>
  </TR>

   <TR BGCOLOR=Aqua>
     <TD>
         R2 C1
     </TD>
     <TD ALIGN=Center VALIGN=Middle BGCOLOR=Fuchsia>
<!--Cell with a text horizontally centered, vertically in the middle and over a fuchsia background.-->
         R2 C2
     </TD>
     <TD>
         R2 C3
     </TD>
  </TR>

   <TR ALIGN=Center VALIGN=Top BGCOLOR=Yellow>
     <TD>
         R3 C1
     </TD>
     <TD>
         R3 C2
     </TD>
     <TD ALIGN=Center VALIGN=Bottom BGCOLOR=Fuchsia>
<!--Cell with a text horizontally centered, vertically in the bottom and over a fuchsia background.-->
         R3 C3
     </TD>
  </TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

 

How to test the home page above:

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

[2] 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.

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.

[3] 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 <TD> also has the attributes WIDTH and HEIGHT. They are seldomly used because they impose the same value to all other adjacent cells (either in a row or in a column). They must be compatible with the same attributes if specified in the tag <TABLE>.

  2. All the attributes of the tag <TD> apply to the tag <TH> (Table Header).

  3. There are other table tags not discussed in this course because they require a better understanding and practice of the basic table tags presented so far.

 

Updated Aug/2000 by