您的位置：首页 > Web前端 > HTML

关于HTML的表格标签

2015-10-10 10:58 447 查看

代码示例如下：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>表格标签</title>
</head>
<body>

<!--
表格标记
table: 表格
属性：border:边框
width:宽度
height：高度
align:表格的对齐方式
cellpadding:单元格内容到边的距离
cellspacing:单元格和单元格之间的距离
bgcolor:背景颜色
background:背景图片
bordercolorlight:表格的上，左边框，以及单元格的右，下边框的颜色
bordercolordark: 表格的右，下边框，以及单元格上，左的边框的颜色
dir:单元格内容的排列方式 取值：ltr 从左到右， rtl:从右到左
tr: 行
属性：dir:
bgcolor:
td: 单元格
属性： align: 内容的横向对齐方式
valign: 内容的纵向对齐方式 top,middle,bottom
width: 绝对值或者相对值(%)
height:单元格的高度

单元格的合并：
单元格的属性：
colspan: 横向合并 ,把一行的列进行合并
rowspan: 纵向合并，把一列的行进行合并
th: 相当于<td> + <b>
属性同<td>
caption: 表格的标题
属性：align: 取值：left,center,right,top,bottom
thead
tbody
tfoot
写与不写的区别：
1. 当表格非常大的时候，如果不写，则必须等表格的内容全部下载完成才能显示。
但是用tbody标签的话，那么边下载边显示。
2.如果不写thead,tbody,tfoot那么浏览器解析表格内容的时候是从上到下解析。
如果写了，那么顺序任意，浏览器解析的时候
还是按照thead,tbody,tfoot的顺序显示内容

-->

<table border = "5"  width = "700" height = "500" align = "center" cellpadding = "20" cellspacing = "10" bgcolor = "red"
background = "1.jpg" bordercolordark = "green"  bordercolorlight = "red" dir = "rtl" >

<tbody>
<tr dir = "ltr" bgcolor = "blue">
<td colspan = "2">will</td>

<tr>
<tbody>

<thead>
<tr>
<td>smith</td>
<th>man</th>
<tr>
</thead>

<caption>人员统计</caption>

</table>

</body>
</html>

运行结果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航