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 > Creating Basic Tables

  Table

Creating Basic Table
Table and Cell Alignment
Cell that Span Multiple Rows or Columns
Defining Table and Columns widths
Other features of Tables

  Creating Basic Table

Table Parts
The <TABLE> Tag
Rows and Cells
Empty Cells
Captions

  Table Parts

The Table headings label the rows or columns, or both. Table headings are usually in a larger or emphasized font that is different from the rest of the table. Table heading is also optional. Table data is the value in the table itself. The combination of the table headings and the table data makes up the sum of the table. Table cells are the individual squares in the table. A cell can contain normal table data or a table heading.


  The <TABLE> Tag

To create a table in HTML, use the <TABLE> tag, which contain the code for a caption and then the table itself. The most common attribute of the <TABLE> tag is the BORDER attribute.

Syntax:

<TABLE>
……table contents……
</TABLE>

  Rows and Cells

Tables are specified in HTML rows by row, and each row definition contains definitions of all the cells in that row. So, to define a table, you start by defining a top row and each cell in turn, and then you define a second row and its cells, and so on. The columns are automatically calculated based on the number of cells in each row.

Syntax:

Each table row is indicated by the <TR> tag and ends with the appropriate closing </TR>.
Each table row, in turn, has a number of table cells, which are indicated using the <TH>….</TH>(for heading cells) and <TD>….</TD> tags(for data cells).

In this Exercise you learn how to create a Table with two rows and four cells.

<TABLE> tag indicates a Table. BORDER is an attribute of the <TABLE> tag, indicating whether the table will be drawn with a border. The default is no border.

<CAPTION> tag creates an optional caption for 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