HTML之七:表格。
原创
©著作权归作者所有:来自51CTO博客作者Diesel的原创作品,请联系作者获取转载授权,否则将追究法律责任
HTML之七:表格。
通常用表格给网页进行布局。那么表格的形式示例如下:
<table>
<tr>
<td></td>
</tr>
</table>
示例说明:<table></table>表示表格的开始于结束。<tr>表示表格中的一行,有几行就有几个<tr>,<td>表示一行中的单元格,有几个单元格就有几个<td>,所以<td>放在<tr></tr>中。实际表格中第一行往往是粗体、居中显示,这是表头标记<th>在作怪。<th>和<td>用法一样,都放在<tr>里面。只是<th>自动控制了粗体、居中显示效果。有阴必定有阳。有表头标记必定有表尾标记<tfoot>!但是表尾<tfoot>不是放在<tr></tr>之中,而是<tr></tr>放在<tfoot></tfoot>的中间,我们就这样修饰最后一行。(你说这是为什么呢?--No why,just remember it.)当然在实际中,我们也可以去掉<th>和<tfoot>两个属性。
<html>
<head>
<title></title>
</head>
<body>
<table border="1" bordercolor="red">
<tr>
<th>我是愤怒</th>
</tr>
<tr>
<td>你是谁</td>
</tr>
<tfoot>
<tr>
<td>嘿嘿</td>
</tr>
</tfoot>
</table>
</body>
</html>
这样我们就定义了一个表格,可是这样写入Dreamweaver或者txt文档中,以html或者htm格式打开什么也看不见,因为我们没有给<table>加属性。下面说说各个标记的属性:
<table align 表格的水平对齐方式
background 表格的背景图
bgcolor 表格的背景颜色
border 表格边框的宽度
bordercolor 表格边框的颜色
height 表格的高度
width 表格的宽度
属性 说明 属性值
<tr align 设置行内文字的水平对齐方式 left、center、right justify
valign 设置行内文字的垂直对齐方式 top、middle、bottom、baseline
bgcolor 设置行的背景颜色 英文颜色名称或者十六进制
height 设置行的高 值为整数或者百分数
bordercolor 设置行边框颜色
bordercolorlight 设置行边框亮边的颜色
bordercolordark 设置行边框暗边的颜色
<th align valign background bgcolor height width 他们的属性值敲了好多遍了,就不再赘述。
colspan 设置表头单元格在水平方向上跨多个列 单元个数
rowspan 设置表头单元格在垂直方向上跨多个列 单元个数
bordercolor
bordercolorlight 设置行边框亮边的颜色
bordercolordark 设置行边框暗边的颜色
<td align valign background bgcolor height width colspan rowspan 属性同上,属性值同上,不同的是修饰的td这个单元格。偷个懒吧。(Forgive me,please.现在浑身无力,香汗淋漓,上午上吐下泻的,估计是昨晚吃的羊肉串……..)
<tfoot align valign bgcolor 属性以及属性值同上。修饰的是<tfoot>表尾.
好了,一些属性以及属性值终于介绍 完了。有句话不是说:实践出真知.
上一篇:HTML之六:图像的热区连接
下一篇:HTML之八:表单
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
HTML标签之表格标签和表格案例
html中关于表格标签的使用和介绍
html5 html 合并单元格 ci -
html表格排序之完全详解
html之js排序的详细注释,不过,还有不明白的地方啊,继续
html 表格 js 排序 -
HTML之表格的基本知识
表格的主要作用1、表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非
css html html5 合并单元格 数据