HTML中的表格

作者:朋克周 | 创建时间: 2023-05-20
表格顾名思义就是数据表格(如下图)...
HTML中的表格

操作方法

表格基本格式: <table>(表格开始) <tr>(表格行) <th>...</th>(表格标题) </tr> <tr> <td>...</td>(表格列) </tr> </table>(表格结束) 简单制作一个表格(如下图)

表格属性(一) 属性名称              属性值 border                 像素px(设置表格的外边线) cellspacing           像素px/百分数%(设置储存格框线宽度) cellpadding          像素px/百分数%(设置数据与框线的距离) width                   像素px/百分数%(设置表格宽度) height                  像素px/百分数%(设置表格高度) align (水平对齐) left(表格左对齐,默认) center(表格居中对齐) right(表格右对齐)

表格属性(二) 属性名称                属性值 bgcolor                 英文(red 红色)/十六进制(如:#f00000 红色) background          URL(图片路径) bordercolor           英文(red 红色)/十六进制(如:#f00000 红色) bordercolorlight英文(red 红色)/十六进制(如:#f00000 红色) bordercolordark   英文(red 红色)/十六进制(如:#f00000 红色)

表格的拆分与合并单元格 属性名称                 属性值 colspan                   数字(行合并) rowspan                  数字(列合并)

表格的标题 <table> <caption>...</caption> </table> 属性名称          属性值 align                top(标题在表格上方,默认) bottom(标题在表格下方)

补充: 属性名称                           属性值 valign(垂直对齐)            top(上对其) middle(中间对齐) bottom(下对齐)

温馨提示

用记事本写代码存储格式是.html
在做数据时,表格在css中上基本上不怎么使用了
点击展开全文

更多推荐