Creating Tables

For an example of a Table, click here, here.

This is least amount of HTML Code required to make a Table:
<TABLE> <TR> <TD> Hello World </TD> </TR> </TABLE>	<-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

You could choose to add a BORDER to your Table:
<TABLE BORDER=4> <TR> <TD> Hello World </TD> </TR> </TABLE>	<-- the BORDER Option, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

You could choose to Another Line (Column) your Message:
<TABLE BORDER=4> <TR> <TD> Hello World </TD> <TD> My name is Dennis Kennedy </TD> </TR> </TABLE>	<-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- Your Message, <-- the COLUMN Closing Tag, <-- the COLUMN Opening Tag, <-- Another Line, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

My name is Dennis Kennedy

You could choose to Another Line (Row) your Message:
<TABLE BORDER=4> <TR> <TD> Hello World </TD> </TR> <TR> <TD> My name is Dennis Kennedy </TD> </TR> </TABLE>	<-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- Another Line, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

My name is Dennis Kennedy

You could choose to CENTER your Messages:
<TABLE BORDER=4> <TR ALIGN=CENTER> <TD> Hello World </TD> </TR> <TR> <TD ALIGN=CENTER> My name is Dennis Kennedy </TD> </TR> </TABLE>	<-- the TABLE Opening Tag, <-- Default CENTER for Whole Row, <-- the COLUMN Opening Tag, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the ROW Opening Tag, <-- Default CENTER for One Column, <-- Another Line, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

My name is Dennis Kennedy

You could choose to change the Background Color for your Message:
<TABLE BORDER=4> <TR ALIGN=CENTER> <TD BGCOLOR="#FFFF80"> Hello World </TD> </TR> <TR BGCOLOR="#FFFF80"> <TD ALIGN=CENTER> My name is Dennis Kennedy </TD> </TR> </TABLE>	<-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- Default BGCOLOR for One Column, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- Default BGCOLOR for Whole Row, <-- the COLUMN Opening Tag, <-- Another Line, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

My name is Dennis Kennedy

You could choose to add Padding to your Columns (in Pixels):
<TABLE BORDER=4 CELLPADDING=10> <TR ALIGN=CENTER> <TD BGCOLOR="#FFFF80"> Hello World </TD> </TR> <TR BGCOLOR="#FFFF80"> <TD ALIGN=CENTER> My name is Dennis Kennedy </TD> </TR> </TABLE>	<-- Change Column Padding, <-- the ROW Opening Tag, <-- Default BGCOLOR for One Column, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- Default BGCOLOR for Whole Row, <-- the COLUMN Opening Tag, <-- Another Line, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

My name is Dennis Kennedy

You could choose to add Spacing between your Columns (in Pixels):
<TABLE BORDER=4 CELLSPACING=10 CELLPADDING=10> <TR ALIGN=CENTER> <TD BGCOLOR="#FFFF80"> Hello World </TD> </TR> <TR BGCOLOR="#FFFF80"> <TD ALIGN=CENTER> My name is Dennis Kennedy </TD> </TR> </TABLE>	<-- Change Column Spacing, <-- the ROW Opening Tag, <-- Default BGCOLOR for One Column, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- Default BGCOLOR for Whole Row, <-- the COLUMN Opening Tag, <-- Another Line, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

My name is Dennis Kennedy

You could change your Table WIDTH (in Pixels or Percentage):
<TABLE BORDER=4 CELLSPACING=10 CELLPADDING=10 WIDTH=90%> <TR ALIGN=CENTER> <TD BGCOLOR="#FFFF80"> Hello World </TD> </TR> <TR BGCOLOR="#FFFF80"> <TD ALIGN=CENTER> My name is Dennis Kennedy </TD> </TR> </TABLE>	<-- Change Table WIDTH, <-- the ROW Opening Tag, <-- Default BGCOLOR for One Column, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- Default BGCOLOR for Whole Row, <-- the COLUMN Opening Tag, <-- Another Line, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

Hello World

My name is Dennis Kennedy

You could add a CAPTION to your Table:
<TABLE BORDER=4 CELLSPACING=10 CELLPADDING=10 WIDTH=90%> <CAPTION ALIGN=top> <B>My Table</B> </CAPTION> <TR ALIGN=CENTER> <TD BGCOLOR="#FFFF80"> Hello World </TD> </TR> <TR BGCOLOR="#FFFF80"> <TD ALIGN=CENTER> My name is Dennis Kennedy </TD> </TR> </TABLE>	<-- the TABLE Opening Tag, <-- the CAPTION Opening Tag, <-- Your Caption, <-- the CAPTION Closing Tag, <-- the ROW Opening Tag, <-- Default BGCOLOR for One Column, <-- Your Message, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- Default BGCOLOR for Whole Row, <-- the COLUMN Opening Tag, <-- Another Line, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this:

My Table

Hello World

My name is Dennis Kennedy

You could put a Picture inside your Table:
<TABLE BORDER=4> <TR> <TD> <IMG ALT="dkFlyer" BORDER=0 SRC=dkfw.gif> </TD> </TR> </TABLE>	<-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- Your Picture, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag.

This Code will produce this if you are displaying Graphics:

This Code will produce this if you are displaying Text:

dkFlyer

Back to the Table of Contents