数字化技能提升教程,数字化时代生存宝典

数字化百科 / 词条 / HTML表格

HTML表格

查看全部词条命名空间:Main

HTML表格用< table >表示。一个表格可以分成很多行(row),用< tr >表示;每行又可以分成很多单元格(cell),用< td >表示。

'代码示例:'

带边框的表格:

FoodDrinkSweet
ABC




FoodDrinkSweet
ABC

'跨多行、多列的表元'

跨多列的表元

'代码示例:'

Morning Menu
FoodDrinkSweet
ABC





Morning Menu
Food Drink Sweet
ABC

跨多行的表元

'代码示例:'

Morning Menu Food A
Drink B
Sweet C






Morning Menu Food A
Drink B
Sweet C

'表格尺寸设置'

'< table border=#>'

代码示例(边框尺寸设置):

FoodDrinkSweet
ABC




FoodDrinkSweet
ABC

'< table border width=# height=#>'

代码示例(表格尺寸设置):

FoodDrinkSweet
ABC





FoodDrinkSweet
ABC

'< table border cellspacing=#>'

代码示例(表元间隙设置):

FoodDrinkSweet
ABC




FoodDrinkSweet
ABC

'< table border cellpadding=#>'

代码示例(表元内部空白设置):

FoodDrinkSweet
ABC




FoodDrinkSweet
ABC

'表格内文字的对齐/布局'

'
< tr align=#>

< th align=#> #=left, center, right

< td align=#>'

代码示例:

FoodDrinkSweet
A B C








FoodDrinkSweet
A B C

'
< tr valign=#>

< th valign=#> #=top, middle, bottom, baseline

< td valign=#> '



















FoodDrink SweetOther
A B C D










FoodDrink SweetOther
A B C D

表格的标题
< caption align=#> ... #=left, center, right,top, bottom

代码示例:









Lunch
FoodDrinkSweet
ABC





Lunch
FoodDrinkSweet
ABC

category:HTML