美文网首页
HTML表格

HTML表格

作者: YAN_DAOJIANG | 来源:发表于2020-02-19 13:31 被阅读0次
  • 表格：<table></table>, 行标签<tr></tr>,单元格(放在相应的行标签内) <td></td>，三个标签逐层包含
  • 默认没有边线，通过属性 border = "1"可以增加简单边线；
  • 表头<th></th>，此时内容加粗，居中显示
  • 宽度 width = 500px
  • 表格标题 <caption></caption>,必须紧跟在<table>标签之后，且一个表格只能有一个标题
  • 表格结构标签，对表格进行分组，结构划分，优化显示：表格的头<thead>，表格主体<tbody>， 表格脚注<tfoot>
  • <table>表格属性： 表格宽度width, 默认为内容宽度
  • <table>表格属性：外边框宽度border
  • <table>表格属性： 表格相对周围元素的对齐方式align,可以有left,center,right
  • <table>表格属性： 表格背景颜色 Bgcolor,可以通过rgb( , , ),#××××和Colorname设置
  • <table>表格属性：单元边沿与其内容之间的空白Cellpandding,可以通过pixels或者百分比进行设置
  • <table>表格属性：单元格之间的空白cellspacing，通过pixels或者百分比进行设置
  • <table>表格属性： 规定外侧边框哪个部分是可见的frame，值有void,above,below,hsides,vsides,lhs,rhs,box,border
  • <table>表格属性：规定内侧边框哪个部分是可见的rules，值有none,groups, rows, cols, all
  • <tr>标签属性：行内容水平对齐align，值可以有Left,center,right,justify,char
  • <tr>标签属性：行内容垂直对齐方式， Valign值可以有top,middle, bottom,baseline
  • <tr>标签属性：行的背景颜色Bgcolor
  • <td>和<th>标签属性：align单元格的水平对齐方式
  • <td>和<th>标签属性：valign单元格的垂直对齐方式
  • <td>和<th>标签属性：bgcolor单元格的背景颜色
  • <td>和<th>标签属性：width单元格的宽度
  • <td>和<th>标签属性：height单元格的高度
  • <thead>、<tbdoy>和<tfoot>标签属性：align，valign
  • 跨列属性 clospan = 2,在相应的<td>标签中进行设置，并对<td>标签的数量进行改变
  • 跨行属性rowspan,也是写在相应的单元格标签内
  • 表格嵌套：嵌入的表格要是完整结构，并放在<td>标签内部

相关文章