--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Table 1: Simple Table
Demo:
Each table starts with a table tag.
Each table row starts with a tr tag.
Each table data starts with a td tag.
One column:
One row and three columns:
Two rows and three columns:
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Table 2: Tables Without Borders
Demo:
This table has no borders:
And this table has no borders:
CODE: Get its code
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Table 3: Table Header
Demo:
Table headers:
Name |
Telephone |
Telephone |
Bill Gates |
555 77 854 |
555 77 855 |
Vertical headers:
First Name: |
Bill Gates |
Telephone: |
555 77 854 |
Telephone: |
555 77 855 |
CODE: Get its code
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Table 4: Table with a Caption
Demo:
Monthly savings
Month |
Savings |
January |
$100 |
February |
$50 |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Table 5: Table cells than span more than one row/column
Demo:
Cell that spans two columns:
Telephone
Bill Gates
555 77 854
555 77 855
Cell that spans two rows:
Telephone:
555 77 854
555 77 855
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Table 6: Tags inside a table
Demo:
This is a paragraph
This is another paragraph |
This cell contains a table:
|
This cell contains a list
- apples
- bananas
- pineapples
|
HELLO |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Table 7: Cell padding (controls white space between text and borders)
Demo:
Without cell padding:
With cell padding:
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Table 8: Cell spacing (controls space between cells)
Demo:
Without cellspacing:
With cellspacing="0":
With cellspacing="10":
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
0 comments:
Post a Comment