HTML表格
HTML表格用< table >表示。一个表格可以分成很多行(row),用< tr >表示;每行又可以分成很多单元格(cell),用< td >表示。
'代码示例:'
带边框的表格:
Food Drink Sweet
A B C
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
'跨多行、多列的表元'
跨多列的表元
'代码示例:'
Morning Menu
Food Drink Sweet
A B C
| Morning Menu | ||
|---|---|---|
| Food | Drink | Sweet |
| A | B | C |
跨多行的表元
'代码示例:'
Morning Menu
Food A Drink B Sweet C
| Morning Menu | Food | A |
|---|---|---|
| Drink | B | |
| Sweet | C |
'表格尺寸设置'
'< table border=#>'
代码示例(边框尺寸设置):
Food Drink Sweet
A B C
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
'< table border width=# height=#>'
代码示例(表格尺寸设置):
Food Drink Sweet
A B C
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
'< table border cellspacing=#>'
代码示例(表元间隙设置):
Food Drink Sweet
A B C
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
'< table border cellpadding=#>'
代码示例(表元内部空白设置):
Food Drink Sweet
A B C
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
'表格内文字的对齐/布局'
'
< tr align=#>
< th align=#> #=left, center, right
< td align=#>'
代码示例:
Food Drink Sweet
A B C
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |
'
< tr valign=#>
< th valign=#> #=top, middle, bottom, baseline
< td valign=#> '
Food Drink
Sweet Other
A
B
C
D
| Food | Drink | Sweet | Other |
|---|---|---|---|
| A | B | C | D |
表格的标题
< caption align=#> ... #=left, center, right,top, bottom
代码示例:
Food Drink Sweet
A B C
| Food | Drink | Sweet |
|---|---|---|
| A | B | C |