HTML—表格
来源:互联网 发布:c语言中!是什么意思 编辑:程序博客网 时间:2024/06/05 09:27
网页中的表格可以用来展示数据,也可以用来规范内容
语法:<table>
<caption>表格标题</caption>
<tr>
<th>表格头1</th>
<th>表格头2</th>
<th>表格头3</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
</table>表格属性
1、border 表格边框的厚度 默认0 数值
2、bordercolor 表格边框的颜色 ,默认黑色
3、width 表格宽度,单位px
4、height 表格高度,单位px,一般不建议设置
5、cellpadding 表格内容和单元格边框的距离,默认2像素
6、cellspacing 表格单元格与单元格的距离,默认2像素
7、align整个表格水平对其方式,取值right center left
8、bgcolor 表格的背景颜色
9、background表格的背景图片
10、rules 合并表格边框线 all
行属性
1、height 表格行高,一般不设置宽度
2、align 水平对齐方式 left center right
3、valign 垂直对齐方式 top middle bottom
4、bgcolor 行背景颜色
5、background 行背景图片
单元格属性
1、height 单元格高度
2、width 单元格宽度
3、align 水平对齐方式 left center right
4、valign 垂直对齐方式 top middle bottom
5、bgcolor 单元格背景颜色
6、background 单元格背景图片
横向合并和竖向合并
colspan横向合并
举例说明
<table rules="all" width="300" border="1">
<tr>
<td colspan="2">内容1</td>
<td>内容2</td>
</tr>
<tr>
<td>内容3</td>
<td colspan="2">内容4</td>
</tr>
<tr>
<td>内容5</td>
<td>内容6</td>
<td>内容7</td>
</tr>
</table>
内容1
内容2
内容3
内容4
内容5
内容6
内容7
rowspan竖向合并
举例说明<table rules="all" width="300" border="1">
<tr>
<td>内容1</td>
<td>内容2</td>
<td rowspan="2">内容3</td>
</tr>
<tr>
<td rowspan="2">内容4</td>
<td>内容5</td>
</tr>
<tr>
<td>内容6</td>
<td>内容7</td>
</tr>
</table>
内容1
内容2
内容3
内容4
内容5
内容6
内容7
- HTML——表格
- HTML—表格
- HTML基础——表格
- HTML笔记——表格
- HTML——表格标记
- html 表格——列表
- HTML——表格、表单
- html 表格
- HTML 表格
- HTML表格
- HTML表格
- Html:表格
- HTML表格
- HTML 表格
- HTML表格
- html 表格
- HTML表格
- html表格
- HTML—其他
- mac版 idea 整合 maven+spring+springMVC+Mybatis
- CSS3 文本效果
- JFrame添加事件时候,变量定义为final
- R tutorial 08 - Advance Matrices 进阶函数-阵列
- HTML—表格
- 【整理收藏】AS插件汇总
- xcode DerivedData目录错误
- HTML—表单
- 题目1183:守形数(%运算符)
- CALayer3-层的属性
- CSS3 边框
- 多线程原子性操作实例
- 插入的各种命令 vi命令大全