Untitled Document



 Introduction to HTML
 Structure of HTML
 Creating First HTML  Document
 Building Your HTML  Document
 Tables
 Creating Basic Tables
   Table
   Creating Basic Table
   Table Parts
   The <TABLE> Tag
   Rows and Cells
   Empty Cells
 Captions
 Table and Cell Alignment
 
 Table Alignment
 Cell Alignment
 Cell that Span Multiple  Rows, Columns
 
 Cell that Span Multiple  Rows, Columns
 Defining Table and  Column Widths
 
 Defining Table and  Column Widths
   Setting Break in Text
   Table Widths
 Column Widths
 Other Features of Tables
 
 Other Features of  Tables
   Border Width
   Cell Spacing
   Cell Padding
   Color in Tables
 Other features of  Table
 Frames
 Including Images into  Document
 Including Multimedia
 Developing HTML  FORMS
 Using Style Sheet
 Understanding URLs
 Using JavaScript
 Using Java

Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.




  Table > Cell that Span Multiple Rows, Columns

  Cell that Span Multiple Rows, Columns

You can create cells that span multiple rows and columns within the table. Those spanned cells can then hold headings that have subheadings in the next rows and column, or you can create other special effects within the table layout.

Syntax:

To create a cell that spans multiple rows or columns, add the ROWSPAN or COLSPAN attribute to the <TH> or <TD> tags, along with the number of rows and columns you want the cell to span.
<TR>
<TH COLSPAN=..>
or <TD ROWSPAN=…>
</TR>

In this Exercise you learn about Cells That span Multiple Rows and Columns.

COLSPAN attribute is used within a <TH> or <TD> tag, indicates the number of cells to be spanned to the right of the cell "Ring Clearance".

ROWSPAN attribute is used within a <TH> or <TD> tag, indicates the number of cells to be spanned below.

ALIGN attribute is used to indicate the horizontal alignment of the cells within that row(overriding the default alignment of heading and the table cells).

The browser displays the table.

Back Next


Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.




17, Vadsarvala Nivas, 65-A, J. Nehru Road, Mulund (W), Mumbai - 400 080 INDIA
Tel : 91-22-25795588, 91-22-25780444 Fax : 91-22-25793397
Email : ionline@vsnl.com
© Image Online 2001-2003