HTML表格

  • 表格:<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>标签属性:alignvalign

  • 跨列属性 clospan = 2,在相应的标签中进行设置,并对标签的数量进行改变
  • 跨行属性rowspan,也是写在相应的单元格标签内

  • 表格嵌套:嵌入的表格要是完整结构,并放在标签内部
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值