martin2k

The TR Tag

HomeForumTutorials Tags:
 
 

Name

Table Row

Description

Defines a row in a table.  It is used within the TABLE tag.  The TD tag is used within it to define a cell.

Attributes

ALIGN

Aligns the text for the cells in the row - set to either 'left', 'center', 'justify' or 'right'.

BACKGROUND

Sets the background picture for the cells in the row.  To show to an image on the same site use the local path e.g. src="button.gif" or src="folder/photo1.jpg".  You can also use dots to link to an image in the parent folder e.g. src="..\diagram.png".  To show a picture from another site, use the full URL e.g. src="http://www.martin2k.co.uk/tgflogo.gif".

BGCOLOR

Specifies the background colour of the cells in the row.  If the BACKGROUND attribute is also used, the image will cover the background colour unless the background image contains transparent areas.

Colours can be defined in this format: #RRGGBB where the values are in hexadecimal format.  E.g. #FF0000 is red.  Colours can also be defined with words e.g. red.

VALIGN

Vertically aligns the text for the cells in the row - set to either 'baseline', 'bottom', 'middle' or 'top'.

Related Tags

This tag is used within the TABLE tag.  The TD (or TH) tag is be used within this tag to define cells.

Other tags related to tables include TBODY, TFOOT and THEAD (which are also used within this tag).

Example

Code

<table border="1" width="100%">
  <tr bgcolor="lime">
    <th width="25%">Text</th>
    <th width="25%">Text</th>
    <th width="25%">Text</th>
  <th width="25%">Text</th>
  </tr>
  <tr align="right">
    <td width="25%">Text</td>
    <td width="25%">Text</td>
    <td width="25%">Text</td>
    <td width="25%">Text</td>
  </tr>
  <tr>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

Generates

Text Text Text Text
Text Text Text Text
       

Please fill in the below form if you have any comments or additional information you want to add about the above information.  If you have any questions, please visit the ForumAny questions sent using this form will be ignored.

* - Mandatory

*Name: E-mail:

*Comments:

*Please type the following code (your comment cannot be accepted without it):


© Martin Allen 1999 - 2006.  Last updated Wednesday 08 November 2006 06:52:33 PM -0000.