Free Web Hosting Provider
-
Web Hosting
-
E-commerce
-
High Speed Internet
-
Free Web Page
Search the Web
Welcome!
Close
Would you like to make this site your homepage? It's fast and easy...
Yes, Please make this my home page!
No Thanks
Don't show this to me again.
Close
I
M
R
A
N
D
E
S
I
G
N
S
HTML Tables Tags Page QUICK NAVIGATION
CHOOSE WHAT DO YOU WANT TO KNOW THEN CLICK GO!
TABLE BORDER
TABLE BORDER WITH WIDTH
TABLE BORDER WITH HEIGHT
TABLE WIDTH AND HEIGHT
TABLE DATA ALIGN
DATA WIDTH AND CELL SIZE
TABLE CELLS
TABLE ROWS
TABLE CELLPADDING
TABLE CELLSPACING
TABLE CELLSPACING AND CELLPADDING
SIMPLE TABLE
COLORING TABLE BACKGROUND AND BORDER
COLORING TABLE TR
COLORING TABLE TR AND TD
EXAMPLE OF ROWSPAN AND COLSPAN
[
Form Tags
|
Meta Generator
|
Style Sheet Links
]
[
Tags List
|
HTML Basic Tags
|
Marquee
]
[
Color Tags
|
Special Character
]
BACK TO MAIN INDEX
I
M
R
A
N
D
E
S
I
G
N
S
TABLE BORDER
Coding
Results
<TABLE BORDER=0><TR><TD>Table border 0</TD></TR></TABLE><TABLE BORDER=1><TR><TD>Table border 1</TD></TR></TABLE><TABLE BORDER=4><TR><TD>Table border 4</TD></TR></TABLE><TABLE BORDER=8><TR> <TD>Table border 8</TD></TR></TABLE><TABLE BORDER=12><TR><TD>Table border 12</TD></TR></TABLE><TABLE BORDER=16><TR><TD>Table border 16</TD></TR></TABLE>
Table border 0
Table border 1
Table border 4
Table border 8
Table border 12
Table border 16
Return to top
TABLE BORDER WITH WIDTH
Coding
Results
<TABLE BORDER=5 WIDTH=80> <TR> <TD> TABLE WIDTH 80 </TD> </TR> </TABLE> <TABLE BORDER=5 WIDTH=100> <TR> <TD> TABLE WIDTH 100 </TD> </TR> </TABLE> <TABLE BORDER=5 WIDTH=120> <TR> <TD> TABLE WIDTH 120 </TD> </TR> </TABLE> <TABLE BORDER=5 WIDTH=140> <TR> <TD> TABLE WIDTH 140 </TD> </TR> </TABLE> <TABLE BORDER=5 WIDTH=160> <TR> <TD> TABLE WIDTH 160 </TD> </TR> </TABLE> </td> </tr> </table> </td> </tr> </TABLE>
TABLE WIDTH 80
TABLE WIDTH 100
TABLE WIDTH 120
TABLE WIDTH 140
TABLE WIDTH 160
Return to top
TABLE BORDER WITH HEIGHT
Coding
Results
<TABLE BORDER=7 HEIGHT=20> <TR> <TD>TABLE HEIGHT 20</TD> </TR> </TABLE> <TABLE BORDER=7 HEIGHT=40> <TR> <TD>TABLE HEIGHT 40</TD> </TR> </TABLE> <TABLE BORDER=7 HEIGHT=60> <TR> <TD>TABLE HEIGHT 60</TD> </TR> </TABLE> <TABLE BORDER=7 HEIGHT=80> <TR> <TD>TABLE HEIGHT 80</TD> </TR> </TABLE> <TABLE BORDER=7 HEIGHT=100> <TR> <TD>TABLE HEIGHT 100</TD> </TR> </TABLE>
TABLE HEIGHT 20
TABLE HEIGHT 40
TABLE HEIGHT 60
TABLE HEIGHT 80
TABLE HEIGHT 100
Return to top
TABLE WIDTH AND HEIGHT
Coding
Results
<TABLE BORDER=5 WIDTH=100 HEIGHT=100><TR><TD>TABLE WIDTH 100 AND HEIGHT 100</TD></TR></TABLE> <TABLE BORDER=5 WIDTH=150 HEIGHT=150><TR><TD>TABLE WIDTH 150 AND HEIGHT 150</TD></TR></TABLE> <TABLE BORDER=5 WIDTH=200 HEIGHT=200><TR><TD>TABLE WIDTH 200 AND HEIGHT 200</TD></TR></TABLE>
TABLE WIDTH 100 AND HEIGHT 100
TABLE WIDTH 150 AND HEIGHT 150
TABLE WIDTH 200 AND HEIGHT 200
Return to top
TABLE DATA ALIGN
Coding
Results
<TABLE BORDER=5 WIDTH=200 HEIGHT=100> <TR> <TD ALIGN="right">TABLE ALIGN RIGHT</TD> </TR> </TABLE> <TABLE BORDER=5 WIDTH=200 HEIGHT=100> <TR> <TD ALIGN="left">TABLE ALIGN LEFT</TD> </TR> </TABLE> <TABLE BORDER=5 WIDTH=200 HEIGHT=100> <TR> <TD ALIGN="center">TABLE ALIGN CENTER</TD> </TR> </TABLE>
TABLE ALIGN RIGHT
TABLE ALIGN LEFT
TABLE ALIGN CENTER
Return to top
DATA WIDTH AND CELL SIZE
Coding
Results
<TABLE BORDER=5 WIDTH=200 HEIGHT=50> <TR> <TD WIDTH=100><FONT SIZE=-2>CELL SIZE 100</font></TD> <TD WIDTH=50><FONT SIZE=-2>CELL SIZE 50</font></TD> </TR> </TABLE> <TABLE BORDER=5 WIDTH=200 HEIGHT=50> <TR> <TD WIDTH=50><FONT SIZE=-2>CELL SIZE 50</font></TD> <TD WIDTH=100><FONT SIZE=-2>CELL SIZE 100</font></TD> </TR> </TABLE>
CELL SIZE 100
CELL SIZE 50
CELL SIZE 50
CELL SIZE 100
Return to top
TABLE CELLS
Coding
Results
<TABLE BORDER="7"> <TR> <TD><FONT SIZE=-2>CELL 1</font></TD> </TR> </TABLE> <TABLE BORDER="7"> <TR> <TD><FONT SIZE=-2>CELL 1</font></TD> <TD><FONT SIZE=-2>CELL 2</font></TD> </TR> </TABLE> <TABLE BORDER="7"> <TR> <TD><FONT SIZE=-2>CELL 1</font></TD> <TD><FONT SIZE=-2>CELL 2</font></TD> <TD><FONT SIZE=-2>CELL 3</font></TD> </TR> </TABLE>
CELL 1
CELL 1
CELL 2
CELL 1
CELL 2
CELL 3
Return to top
TABLE ROWS
Coding
Results
<TABLE BORDER=5> <TR> <TD>This is Row 1 Table</TD> </TR> </table> <TABLE BORDER=5> <TR> <TD>This is 1 Row</TD> </TR> <TR> <TD>This is Row2 Table</TD> </TR> </table> <TABLE BORDER=5> <TR> <TD>This is 1 Row</TD> </TR> <TR> <TD>This is 2 Row</TD> </TR> <TR> <TD>This is Row3 Table</TD> </TR> </TABLE>
This is Row 1 Table
This is 1 Row
This is Row2 Table
This is 1 Row
This is 2 Row
This is Row3 Table
Return to top
TABLE CELLPADDING
Coding
Results
<TABLE BORDER=5 CELLPADDING=5> <TR> <TD><font size=-2>Cellpadding 5</font></TD> <TD><font size=-2>Cellpadding 5</font></TD> </TR> <TR> <TD><font size=-2>Cellpadding 5</font></TD> <TD><font size=-2>Cellpadding 5</font></TD> </TR> </TABLE> <TABLE BORDER=5 CELLPADDING=10> <TR> <TD><font size=-2>Cellpadding 10</font></TD> <TD><font size=-2>Cellpadding 10</font></TD> </TR> <TR> <TD><font size=-2>Cellpadding 10</font></TD> <TD><font size=-2>Cellpadding 10</font></TD> </TR> </TABLE> <TABLE BORDER=5 CELLPADDING=15> <TR> <TD><font size=-2>Cellpadding 15</font></TD> <TD><font size=-2>Cellpadding 15</font></TD> </TR> <TR> <TD><font size=-2>Cellpadding 15</font></TD> <TD><font size=-2>Cellpadding 15</font></TD> </TR> </TABLE>
Cellpadding 5
Cellpadding 5
Cellpadding 5
Cellpadding 5
Cellpadding 10
Cellpadding 10
Cellpadding 10
Cellpadding 10
Cellpadding 15
Cellpadding 15
Cellpadding 15
Cellpadding 15
Return to top
TABLE CELLSPACING
Coding
Results
<TABLE BORDER=5 CELLSPACING=10> <TR> <TD><font size=-2>CELLSPACING 10</font></TD> <TD><font size=-2>CELLSPACING 10</font></TD> </TR> <TR> <TD><font size=-2>CELLSPACING 10</font></TD> <TD><font size=-2>CELLSPACING 10</font></TD> </TR> </TABLE> <TABLE BORDER=5 CELLSPACING=20> <TR> <TD><font size=-2>CELLSPACING 20</font></TD> <TD><font size=-2>CELLSPACING 20</font></TD> </TR> <TR> <TD><font size=-2>CELLSPACING 20</font></TD> <TD><font size=-2>CELLSPACING 20</font></TD> </TR> </TABLE> <TABLE BORDER=5 CELLSPACING=30> <TR> <TD><font size=-2>CELLSPACING 30</font></TD> <TD><font size=-2>CELLSPACING 30</font></TD> </TR> <TR> <TD><font size=-2>CELLSPACING 30</font></TD> <TD><font size=-2>CELLSPACING 30</font></TD> </TR> </TABLE>
CELLSPACING 10
CELLSPACING 10
CELLSPACING 10
CELLSPACING 10
CELLSPACING 20
CELLSPACING 20
CELLSPACING 20
CELLSPACING 20
CELLSPACING 30
CELLSPACING 30
CELLSPACING 30
CELLSPACING 30
Return to top
TABLE CELLSPACING AND CELLPADDING
Coding
Results
<TABLE BORDER=5 CELLSPACING=0 CELLPADDING=0> <TR> <TD><font size=-2>CELLSPACING 0<br>CELLPADDING 0</FONT></TD> <TD><font size=-2>CELLSPACING 0<br>CELLPADDING 0</FONT></TD> </TR> <TR> <TD><font size=-2>CELLSPACING 0<br>CELLPADDING 0</FONT></TD> <TD><font size=-2>CELLSPACING 0<br>CELLPADDING 0</FONT></TD> </TR> </TABLE> <TABLE BORDER=5 CELLSPACING=20 CELLPADDING=20> <TR> <TD><font size=-2>CELLSPACING 20<br>CELLPADDING 20</FONT></TD> <TD><font size=-2>CELLSPACING 20<br>CELLPADDING 20</FONT></TD> </TR> <TR> <TD><font size=-2>CELLSPACING 20<br>CELLPADDING 20</FONT></TD> <TD><font size=-2>CELLSPACING 20<br>CELLPADDING 20</FONT></TD> </TR> </TABLE>
CELLSPACING 0
CELLPADDING 0
CELLSPACING 0
CELLPADDING 0
CELLSPACING 0
CELLPADDING 0
CELLSPACING 0
CELLPADDING 0
CELLSPACING 20
CELLPADDING 20
CELLSPACING 20
CELLPADDING 20
CELLSPACING 20
CELLPADDING 20
CELLSPACING 20
CELLPADDING 20
Return to top
WITH OUT CELLPADDING AND CELLSPACING
SIMPLE TABLE
Coding
Results
<TABLE BORDER=1> <TR> <TD>IMAGE</TD> <TD>TABLE</TD> <TD>FORM</TD> </TR> <TR> <TD>HTML</TD> <TD>JAVA</TD> <TD>APPLET</TD> </TR> <TR> <TD>SIMPLE</TD> <TD>CODE</TD> <TD>WEB</TD> </TR> </TABLE>
IMAGE
TABLE
FORM
HTML
JAVA
APPLET
SIMPLE
CODE
WEB
Return to top
COLORING TABLE BACKGROUND AND BORDER
Coding
Results
<TABLE BORDER="5" BORDERCOLOR="#FFFFFF" BGCOLOR=#F0DDBF> <TR> <TD>IMAGE</TD> <TD>TABLE</TD> <TD>FORM</TD> </TR> <TR> <TD>HTML</TD> <TD>JAVA</TD> <TD>APPLET</TD> </TR> <TR> <TD>SIMPLE</TD> <TD>CODE</TD> <TD>WEB</TD> </TR> </TABLE>
IMAGE
TABLE
FORM
HTML
JAVA
APPLET
SIMPLE
CODE
WEB
Return to top
COLORING TABLE TR
Coding
Results
<TABLE BORDER=1> <TR BGCOLOR="6495ED"> <TD>IMAGE</TD> <TD>TABLE</TD> <TD>FORM</TD> </TR> <TR BGCOLOR="#FCDDFF"> <TD>HTML</TD> <TD>JAVA</TD> <TD>APPLET</TD> </TR> <TR BGCOLOR="#FFF8DC"> <TD>SIMPLE</TD> <TD>CODE</TD> <TD>WEB</TD> </TR> </TABLE>
IMAGE
TABLE
FORM
HTML
JAVA
APPLET
SIMPLE
CODE
WEB
Return to top
COLORING TABLE TR AND TD
Coding
Results
<TABLE BORDER=1> <TR BGCOLOR="6495ED"> <TD>IMAGE</TD> <TD>TABLE</TD> <TD>FORM</TD> </TR> <TR> <TD>HTML</TD> <TD BGCOLOR="#6495ED">JAVA</TD> <TD>APPLET</TD> </TR> <TR BGCOLOR="#FFF8DC"> <TD>SIMPLE</TD> <TD>CODE</TD> <TD>WEB</TD> </TR> </TABLE>
IMAGE
TABLE
FORM
HTML
JAVA
APPLET
SIMPLE
CODE
WEB
Return to top
EXAMPLE OF ROWSPAN AND COLSPAN
Coding
Results
<TABLE BORDER=2> <TR BGCOLOR="6495ED"> <TD COLSPAN=3><FONT SIZE=-2>COLSPAN=3</FONT></TD> </TR> <TR BGCOLOR="6495ED"> <TD COLSPAN=2><FONT SIZE=-2>COLSPAN=2</FONT></TD> <TD ROWSPAN=3><FONT SIZE=-2>ROWSPAN=3</FONT></TD> </TR> <TR BGCOLOR="#6495ED"> <TD><FONT SIZE=-2>HTML</FONT></TD> <TD><FONT SIZE=-2>JAVA</FONT></TD> </TR> <TR BGCOLOR="#6495ED"> <TD COLSPAN=2><FONT SIZE=-2>COLSPAN=2</FONT></TD> </TR> </TABLE>
COLSPAN=3
COLSPAN=2
ROWSPAN=3
HTML
JAVA
COLSPAN=2
Back to main menu
Update: Never
Page layout, source code and graphic © by Imran Design's
kimran49@hotmail.com
