Anda di halaman 1dari 38

A table is a rectangular

arrangement of rows and


columns on your screen
A table is used to organize data
into rows and columns and also
increasingly as a way of
arranging text and graphics on
the page
A single "line" of data that runs
across the table.

A single vertical section of data.

The intersection of a row and


column. The cells are where you
enter the data that appears in the
The first row of the table. The
headers are optional, but many
people use them to label each
column.

These are the lines that surround the


table and each cell.
• <TABLE>
• <TR>
• <TH>
• <TD>
Your table will always
begin with the following
basic container:

<TABLE>
</TABLE>
We divide row into
columns by placing the

<TD> and </TD>


tags between

<TR> and </TR>


<TABLE>

<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>

</TABLE>
We enter the row's cell data by
typing text between each

<TD> and </TD>


<TABLE>

<TR>
<TD> Cabbage </TD>
<TD> 124 Pounds </TD>
<TD> 1989 </TD>
</TR>

</TABLE>
<TABLE> Attributes

• BORDER
• ALIGN
• WIDTH
• CELLPADDING
• CELLSPACING
• BGCOLOR
• BORDERCOLOR
• BACKGROUND
<TR> and <TD> Attributes

• ALIGN
• VALIGN
• BGCOLOR
• BORDERCOLOR
Make the following web page

NAME E-COMMERCE ECONOMICS NETWORKS

AHMED 99 87 76

ALI 95 65 90
<body>
<table border=5>

<TR>

<TH> NAME </TH>


<TH> MATHS </TH>
<TH> SCIENCE </TH>
<TH> ENGLISH </TH>

</TR>
<TR>

<TD> AHMED </TD>


<TD> 99 </TD>
<TD> 87 </TD>
<TD> 76 </TD>

</TR>
<TR>

<TD> ALI </TD>


<TD> 95 </TD>
<TD> 65 </TD>
<TD> 90 </TD>

</TR>

</table>
</body>
<table border=5 align=center>
<table border=5 align=center

Cellpadding=15>
<table border=5 align=center

Cellpadding=15 bgcolor=blue>
<table border=5 align=center

Cellpadding=15 bgcolor=blue

Bordercolor=red>
<table border=5 align=center

Cellpadding=15 bgcolor=blue

Bordercolor=red cellspacing=12>
The COLSPAN and
ROWSPAN
attribute can be
used in a cell to
make the cell
You can use
COLSPAN and
ROWSPAN in
either a <TD>
or a <TH>
Make the following web page

MS-WORD

THEORY PRACTICAL

98 94
<body>
<table border=5>

<tr>
<th colspan=2> MS-WORD </th>

</tr>

<tr>
<th> THEORY </th>
<th> PRACTICAL </th>
</tr>
<tr>
<td> 98 </td>
<td> 94 </td>
</tr>

</table>
</body>
Make the following web page

MS-WORD THEORY 98

PRACTICAL 94
<body>
<table border=5>

<tr>
<th rowspan=2> MS-WORD </th>
<th> THEORY </th>
<td> 98 </td>

</tr>
<tr>
<th> PRACTICAL </th>
<td> 94 </td>
</tr>

</table>
</body>

Minat Terkait