HTML experiment page
HTMLx2
0=∞=1
tables
One column:
One row and three columns:
Two rows and three columns:
Each table starts with a table tag.
Each table row starts with a tr tag.
Each table data starts with a td tag.
table borders
Normal border:
Thick border:
Very thick border:
no borders
headings
Name |
Telephone |
Telephone |
Bill Gates |
555 77 854 |
555 77 855 |
First Name: |
Bill Gates |
Telephone: |
555 77 854 |
Telephone: |
555 77 855 |
empty cells
Some text |
Some text |
|
Some text |
As you can see, one of the cells has no border. That is because it is empty. Try to insert a space in the cell. Still it has no border.
The trick is to insert a no-breaking space in the cell.
No-breaking space is a character entity. If you don't know what a character entity is, read the chapter about it.
The no-breaking space entity starts with an ampersand ("&"),
then the letters "nbsp", and ends with a semicolon (";")
caption
This table has a caption:
My Caption
100 |
200 |
300 |
400 |
500 |
600 |
span more than one row/column
Cell that spans two columns:
Name |
Telephone |
Bill Gates |
555 77 854 |
555 77 855 |
Cell that spans two rows:
First Name: |
Bill Gates |
Telephone: |
555 77 854 |
555 77 855 |
tags inside of tables
This is a paragraph
This is another paragraph
|
This cell contains a table:
|
This cell contains a list
- apples
- bananas
- pineapples
|
HELLO |
cell padding
Without cellpadding:
With cellpadding:
cell spacing
Without cellspacing:
With cellspacing:
background color and image
A background color:
A background image:
cell color/bckground
Cell backgrounds:
align content
Money spent on.... |
January |
February |
Clothes |
$241.10 |
$50.20 |
Make-Up |
$30.00 |
$44.45 |
Food |
$730.40 |
$650.00 |
Sum |
$1001.50 |
$744.65 |
frames
If you see no frames around the tables in these examples, your browser is too old, or does not support it.
With frame="border":
With frame="box":
With frame="void":
With frame="above":
With frame="below":
With frame="hsides":
With frame="vsides":
With frame="lhs":
With frame="rhs":
columns in a table
This example shows a colgroup that has three columns of different widths:
<colgroup span="3">
<col width="20"></col>
<col width="50"></col>
<col width="80"></col>
</colgroup>