HTML学习笔记3―表格
2014-09-17 13:12
344 查看
一、格式:
<table>
<caption>表格的标题</caption>
<tr>
<th>标题栏</th>
<th>标题栏</th>
<th>标题栏</th>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
</table>
<table></table>用来声明表格开始与结束
<tr>…</tr>用来设置表格的行
<th>…</th>用来设置标题栏位
<td>…</td>用来设置表格的列
二、表格的属性
1.<table>标签下的属性
属性名称 属性值 说明
border 像素 设置表格的外边线
cellspacing 像素/百分比 设置存储格框线宽度
cellpadding 像素/百分比 设置数据与框线的距离
width 像素/百分比 设置表格宽度
height 像素/百分比 设置表格高度
align left 表格左对齐(默认)
center 表格往中靠
right 表格网右靠
bgcolor 英文/十六进制 表格的背景颜色
background URL 表格的背景图片
bordercolor 英文/十六进制 边框的颜色
bordercolorlight 同上 边框的亮色
bordercolordark 同上 边框的暗色
2.<tr><th><td>标签下的常用属性
属性名称 属性值 说明
width 像素/百分比 设置宽度
height 像素/百分比 设置高度
bgcolor 英文/十六 数据栏的颜色设置
align(水平) left 数据靠左对齐
center 数据居中对齐
right 数据靠右对齐
valign(垂直) top 数据靠上对齐
middle 数据居中对齐
bottom 数据靠下对齐
nowrap 不在单元格中换行
3.合并单元格
属性名称 属性值 说明
colspan 数字 向两边扩展栏位
rowspan 数字 向下扩展栏位
如:<th colspan="2">合并当前单元格和右边的单元格
<td rowspan="5">合并当前单元格和当前单元格下面的四个单元格
4.<caption>标签下的常用属性
属性名称 属性值 说明
align top 标题在表格上方
bottom 标题在表格下方
本文出自 “Raffaele” 博客,请务必保留此出处http://raffaele.blog.51cto.com/6508076/1553943
<table>
<caption>表格的标题</caption>
<tr>
<th>标题栏</th>
<th>标题栏</th>
<th>标题栏</th>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
</table>
<table></table>用来声明表格开始与结束
<tr>…</tr>用来设置表格的行
<th>…</th>用来设置标题栏位
<td>…</td>用来设置表格的列
二、表格的属性
1.<table>标签下的属性
属性名称 属性值 说明
border 像素 设置表格的外边线
cellspacing 像素/百分比 设置存储格框线宽度
cellpadding 像素/百分比 设置数据与框线的距离
width 像素/百分比 设置表格宽度
height 像素/百分比 设置表格高度
align left 表格左对齐(默认)
center 表格往中靠
right 表格网右靠
bgcolor 英文/十六进制 表格的背景颜色
background URL 表格的背景图片
bordercolor 英文/十六进制 边框的颜色
bordercolorlight 同上 边框的亮色
bordercolordark 同上 边框的暗色
2.<tr><th><td>标签下的常用属性
属性名称 属性值 说明
width 像素/百分比 设置宽度
height 像素/百分比 设置高度
bgcolor 英文/十六 数据栏的颜色设置
align(水平) left 数据靠左对齐
center 数据居中对齐
right 数据靠右对齐
valign(垂直) top 数据靠上对齐
middle 数据居中对齐
bottom 数据靠下对齐
nowrap 不在单元格中换行
3.合并单元格
属性名称 属性值 说明
colspan 数字 向两边扩展栏位
rowspan 数字 向下扩展栏位
如:<th colspan="2">合并当前单元格和右边的单元格
<td rowspan="5">合并当前单元格和当前单元格下面的四个单元格
4.<caption>标签下的常用属性
属性名称 属性值 说明
align top 标题在表格上方
bottom 标题在表格下方
本文出自 “Raffaele” 博客,请务必保留此出处http://raffaele.blog.51cto.com/6508076/1553943
相关文章推荐
- HTML学习笔记(5)--表格
- html+css学习笔记 5[表格、表单]
- Qt学习笔记之使用HTML在TextEdit中构造表格显示数据
- HTML学习笔记之表格的使用
- HTML&CSS基础学习笔记1.17-表格的头部与尾部
- 黑马程序员之HTML学习笔记:把数据放在表格中
- HTML学习笔记[5]使用表格
- HTML网页开发学习笔记(燕十八)-37 整齐的表格 作业
- HTML学习笔记(五)表格
- HTML学习笔记1.17-表格的边框
- HTML学习笔记(九)HTML 表格
- .Net学习笔记----2015-07-13(表格相关属性介绍及HTML小练习)
- Dreamweaver学习笔记1:html表格属性练习
- HTML&CSS基础学习笔记1.14-创建表格
- html学习笔记:基本结构,排列清单,表格
- HTML学习笔记【5】使用表格
- HTML学习笔记--表格
- 3.4html学习笔记之表格
- HTML学习笔记1.16-单元格间距和表格主体
- HTML&CSS基础学习笔记1.16-单元格间距和表格主体