112 - TABLE
Attributes of the Tag <TABLE>: WIDTH and HEIGHT

       


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

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

<CENTER>
<!-----------------------------------------------------Remarks
Note the tag <CENTER> below the tag <BODY> and
the tag </CENTER> above the tag </BODY> making
all the contents of the home page to be centered
on the screen.
---------------------------------------------------------->

<P> <B> TAG TABLE ATTRIBUTES </B>

<P> WIDTH AND HEIGHT
<!-----------------------------------------------------Remarks
If the attributes WIDTH and HEIGHT are not specified the
contents of the cells automatically fit to the size of the cell
with the longer content.
If either or both of these attributes are specified the cells
become fixed and the contents of the cells try to fit in,
otherwise they fit in with line breaks.

WIDTH and HEIGHT refer to the dimensions of the cells in
percentage points.
----------------------------------------------------------->

<P> Specifying WIDTH=200 and HEIGHT=100:
<TABLE BORDER=1 WIDTH=200 HEIGHT=100>

   <TR>
     <TD>
     Cell: Row 1 Col 1
     </TD>
     <TD>
     Cell: Row 1 Col 2
     </TD>
   </TR>

   <TR>
     <TD>
     Cell: Row 2 Col 1
     </TD>
     <TD>
     Cell: Row 2 Col 2
     </TD>
  </TR>

</TABLE>
<!-----------------------------------------------------Remarks
In this example the contents try to fit the limits fixed by
the values of the attributes WIDTH and HEIGHT but it results
in a line break.
------------------------------------------------------------>

<P> Specifying WIDTH=250 and HEIGHT=100:
<BR> <TABLE BORDER=1 WIDTH=250 HEIGHT=100>

   <TR>
     <TD>
     Cell: Row 1 Col 1
     </TD>
     <TD>
     Cell: Row 1 Col 2
     </TD>
  </TR>

   <TR>
     <TD>
     Cell: Row 2 Col 1
     </TD>
     <TD>
     Cell: Row 2 Col 2
     </TD>
   </TR>

</TABLE>
<!-----------------------------------------------------Remarks
In this case, the contents find enough room to fit in the
fixed limits and thus the line break is avoided.
------------------------------------------------------------>

</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 attribute WIDTH is more commonly used because it allows dealing with undersirable line breaks inside the cells.

  2. Preferably only use the attributes WIDTH and/or HEIGHT when necessary. Their best values are only obtained by trial and error.

 

Updated Aug/2000 by