首页 > Web开发 > 详细

HTML表格

时间:2015-10-28 19:09:01      阅读:245      评论:0      收藏:0      [点我收藏+]

<table>标签

表格由<table>标签来定义,每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义)。字母td指表格数据,即数据单元的内容。数据单元可以包含文本、图片、段落、表单、水平线、表格等等

表格和边框属性

如果不定义边框,表格就不显示边框。边框由<table border="1">决定,数字不同,边框的粗细不同。

表格的表头

表头由<th>标签进行定义,大多数浏览器会把表头显示为粗体居中的文本。

表格中的空单元格

在一些浏览器中,没有内容的表格单元显示的不太好,如果某个单元格是空的(没有内容),浏览器就无法显示这个单元格的边框。为了避免这个情况,在空单元格中添加一个空格占位符,就可以把边框显示出来。no-breaking空格

横跨两列的单元格

横跨两列的单元格:

姓名电话
Bill Gates 555 55 854 555 55 854

横跨两行的单元格:

姓名 Bill
电话 555 55 555
555 55 555

cellpadding设置单元格边距:cellpadding="20"

cellspacing增加单元格的间距:cellspacing=“10”

给表格添加背景颜色:<table border="1" bgcolor="red">

给表格添加背景图像:background=""

也可以单个单元格添加背景颜色和背景图像<td bgcolor="red">Hello</td>

在表格单元中排列内容<td align="left">Hello</td>向左排列

 

HTML表格

原文:http://www.cnblogs.com/chhom/p/4917871.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!