Scribd
Upload
38 views16 pages

14 - Tables

This document discusses tables in web design. It explains that tables are two-dimensional matrices made up of rows and columns for displaying data. Table tags, rows, columns, headers, data, and captions are described. Key attributes for the <table> tag including align, valign, width, border, cellpadding, cellspacing, colspan, and rowspan are also outlined. The next topic will be linking documents.

Uploaded by

janani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
38 views16 pages

14 - Tables

This document discusses tables in web design. It explains that tables are two-dimensional matrices made up of rows and columns for displaying data. Table tags, rows, columns, headers, data, and captions are described. Key attributes for the <table> tag including align, valign, width, border, cellpadding, cellspacing, colspan, and rowspan are also outlined. The next topic will be linking documents.

Uploaded by

janani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 16

SRI KRISHNA ARTS AND SCIENCE

COLLEGE
DEPARTMENT OF BCA & M.SC. SS

WEB DESIGNING

(15SSI33)
• TABLES
TABLES
 A Table is two dimensional matrix, consisting of rows
and columns, that are intended for displaying data in
columns on a web page
 All table related tags are included between
<table>…</table> tags.
 Each row of a table is described between the
<tr>…</tr> tags and each column of a table is
described between <td>…</td>
Table rows can be of two types:
 Header rows: A row that spans across columns of a
table, that can defined using <th>…</th> tags.
 Data rows: Individual data cells placed in the
horizontal plane creates a data row. There could be a
single data cell or multiple data cells. I can be defined
using <tr>…</tr> tags.

The attributes that can be included in the <table> tag are as


follows:
ALIGN Horizontal alignments, that can be set
to left, right, center, justify or inherit
VALIGN Controls the vertical alignments, that
accepts the values TOP, MIDDLE or
BOTTOM
WIDTH Sets the width to specific pixels.
BORDER Controls the border thickness.
CELLPADDING Controls the distance between the data and
the boundaries in the cell
CELL SPACING Controls the spacing between the adjacent
cells
COLSPAN Instructs the browser to make the cell
defined by the tag to take more than one
column
ROWSPAN Instructs the browser to make the cell
defined by the tag to take more than one
row.
THE CAPTION TAG
 Tables are given heading, which gives the reader a
context for the information in the tables. Table
headings are called as captions.
 Captions are provided to a table by using the
<caption>…</caption> tags that appears within
<table>…</table> tags.
 The attributes are as follows:
CSS/Style Controls placing of the caption with
respect to the table.
Caption-side Caption-side: bottom – will place the
caption immediately below the table.
Caption-side: top – will place the
caption immediately top the table.
Caption-side: right – will place the
caption immediately right side of the
table.
Caption-side: left – will place the
caption immediately left side of the
table.
KEYWORDS
 Tables
 Rows
 Columns
 Header Row
 Data Row
 Caption Tag
Points to Ponder
 A Table is two dimensional matrix, consisting of rows
and columns.
 Table rows can be of two types: Header rows and Data
rows.
 Captions are provided to a table by using the
<caption>…</caption> tags that appears within
<table>…</table> tags.
Question & Answer
 Each column of a table is described between
_____________ tags.

 Ans: <td>…..</td>
Q&A
 ____________ controls the distance between the data
and the boundaries in the cell

 Ans: Cellpadding
Q&A
 Table rows can be of _____ types

 Ans : Two
Topic to be covered in the next session

LINKING DOCUMENTS

You might also like