HTM47

BACK

DESCRIPTION

OUTPUT

SOURCE CODE





DESCRIPTION:

     There are a various ways to change the appearance of your table; you can change the thickness and color of the border, set a certain distance between the contents of the cells and the border around it, set its background color or image etc.


..Back to the top..


OUTPUT:


HTM47.A web page with tables
This table uses no borders
CELL 1CELL 2CELL 3
CELL 4CELL 5CELL 6

This table has a border that is 4 pixels thick
CELL 1CELL 2CELL 3
CELL 4CELL 5CELL 6

This table has a width of 200 pixels, a height of 100 pixels, and a border that is 4 pixels thick
CELL 1CELL 2CELL 3
CELL 4CELL 5CELL 6

This table has a width of 200 pixels, a height of 100 pixels, a border that is 4 pixels thick, and cell spacing of 8 pixels
CELL 1CELL 2CELL 3
CELL 4CELL 5CELL 6


..Back to the top..


SOURCE CODE:

<HTML>
<HEAD>
<TITLE>HTM47 A web page with tables</TITLE>
</HEAD>
<BODY>
<FONT COLOR = red><CENTER>This table uses no borders</CENTER></FONT>
<TABLE ALIGN =center>
<TR><TD>CELL 1<TD>CELL 2<TD>CELL 3
<TR><TD>CELL 4<TD>CELL 5<TD>CELL 6
</TABLE>
<P> <FONT COLOR = red><CENTER>This table has a border that is 4 pixels thick</CENTER></FONT>
<TABLE ALIGN =center BORDER = 4>
<TR><TD>CELL 1<TD>CELL 2<TD>CELL 3
<TR><TD>CELL 4<TD>CELL 5<TD>CELL 6
</TABLE>
<P>
<FONT COLOR = RED><CENTER>This table has a width of 200 pixels, a height of 100 pixels, and a border that is 4 pixels thick</CENTER></FONT>
<TABLE ALIGN =center BORDER = 4 WIDTH = 200 HEIGHT = 100>
<TR><TD>CELL 1<TD>CELL 2<TD>CELL 3
<TR><TD>CELL 4<TD>CELL 5<TD>CELL 6
</TABLE>
<P>
<FONT COLOR = RED><CENTER>This table has a width of 200 pixels, a height of 100 pixels, a border that is 4 pixels thick, and cell spacing of 8 pixels</CENTER></FONT>
<TABLE ALIGN =center BORDER = 4 WIDTH = 200 HEIGHT = 100 CELLSPACING = 8>
<TR><TD>CELL 1<TD>CELL 2<TD>CELL 3
<TR><TD>CELL 4<TD>CELL 5<TD>CELL 6
</TABLE>
</BODY>
</HTML>


..Back to the top..