- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 3Adobe Illustrator CS5 序列号大全
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 6Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 7Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 8最新的Adobe Illustrator CS4序列号大全
- 9Intel i7-9700K性能跑分曝光：同代提升约12%
- 10qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
- 11AMD推土机架构回顾：虽陨落却是Zen成功的垫脚石
- 12美国增加25％进口关税！PC硬件要大涨价
[摘要]HTML表格属性设置在HTML网页中的应用是十分广泛的，也是至关重要的，所以，接下来的这篇文章我给大家分享了总结的HTML表格10种基本属性，下面我们来分别看一看这10种表格属性的介绍以及具体的代码。1、HTML table属性<table>用来定义HTML的表格，具有本地属性 bor...
HTML表格属性设置在HTML网页中的应用是十分广泛的，也是至关重要的，所以，接下来的这篇文章我给大家分享了总结的HTML表格10种基本属性，下面我们来分别看一看这10种表格属性的介绍以及具体的代码。1、HTML table属性<table>
用来定义HTML的表格，具有本地属性 border 表示边框，border属性的值必须为1或空字符串("")。该属性不会控制边框的样式，而是由CSS来控制
table元素可以有tr，th，td，thead，tbody，tfoot，colgroup元素
table标签的基本属性如下：
border:可以的取值为1和0,1代表有边框，0代表没有边框。
bordercolor：可以设置边框的颜色，值为颜色值。
bgcolor:设置表格的背景颜色
background:设置背景图片
2、html tr属性<tr>
用来定义表格的一行。由于HTML表格是面向行的，所以必须分别表示每一行
tr元素可以在table，thead，tbody和tfoot元素内使用
tr元素内可以包含一个或者多个td或th元素
它的align,bgcolor等属性已过时，如果要设置属性，请使用CSS设置
3、HTML td属性<td>
用来定义表格单元格，可以同colspan，rowspan，headers局部属性使用
(1)colspan： 列跨度，该属性规定了单元格可横跨的列数，该属性的值必须是整数
(2)rowspan：行跨度，该属性规定了单元格可横跨的行数，该属性的值必须是整数
(3)headers：该属性的值是一个或多个单元的ID属性值，将单元格与列标题相关联，可用于使用屏幕阅读器
注意：每个表格必须包含以上三个元素
4、html th属性<th>
用来定义标题单元格，使我们有效区分数据及其描述
它同 <td> 元素具有相同的局部属性，两者有如下区别：
<th>是表示头标记，通常位于首行或者首列。而且<th>中的文字默认会被加粗，而<td>是不会的
<td>是数据标记，表示单元格的具体的数据
valign属性可以设置th和td，可以取值Top或者Bottom。
callpadding：内容与单元格边框的间距
cellspacing：防止文本超出边框
如果要使单元格实现跨行或者跨列功能，使用属性colspan和rowspan.
5、HTML thead属性<thead>
用来定义表格的页眉，表头的包装器。可以定义一行或多行，这些行是 table 元素的列标签
没有thead元素，所有的tr被假定为属于表的主体
6、HTML tbody属性<tbody>
用来定义表格的主体
7、HTML tfoot属性<tfoot>
用来定义标记表格的页脚
注意：
<thead>、<tfoot>标签内部必须拥有 <tr> 标签
<thead>和<tfoot>标签不管放在 <table> 标签内的哪个位置，都会被分别定为到表格的头部和底部。
<tfoot>可以出现在<tbody>或<tr>之前或之后。
在html5之前，<tfoot>元素必须出现在<tbody>元素之前，在html5中，可以将<tfoot>元素放在<tbody>或最后一个<tr>元素后面
8、html colgroup属性<colgroup>
用来定义表列组，可以使用其来将样式应用于某个列，当然也可以使用下面要说的col元素
具有局部属性 span 的 <colgroup> 表示列组应该横跨的列数。默认是一列，即对表格的一列设置样式
<colgroup>可以包含一个或多个 <col> 元素
9、HTML col属性<col>
用来表示表单个列，建议使用<colgroup>包裹<col>元素而不是<colgroup>直接设置span属性定义组
<col>也具有局部属性span
<col>放在<colgroup>的元素内部，<col>的咩哥实例表示组中的一列。使用该标签可以将样式应用于列的组和该组的单个列
10、html caption属性<caption>
用来定义表格的标题，每个表中只能包含一个<caption>元素
11、实例代码：
<body>
<table border="1" bordercolor="red" bgcolor="#ff4646">
<caption>表格示例</caption>
<tr align="center">
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td align="left">左</td>
<td align="center">中</td>
<td align="right">右</td>
</tr>
<tr>
<td valign="top">top</td>
<td>center</td>
<td valign="bottom">bottom</td>
</tr>
</table>
</body>运行结果：
单元格跨行
<table border="1" bordercolor="#1f1fff">
<caption>单元格的跨行</caption>
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>php中文网</td>
<td>123456 654321</td>
</tr>
</table>运行结果：
单元格跨列
<table border="1">
<caption>单元格跨列</caption>
<tr>
<th>姓名</th>
<th>电话</th>
</tr>
<tr>
<td rowspan="2">php中文网</td>
<td>123456</td>
</tr>
<tr>
<td>654231</td>
</tr>
</table>运行结果：
相关推荐：
以上就是HTML表格属性有哪些？HTML表格10种基本属性的总结的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 13组腾讯视频会员账号共享（仅供跳过广告使用）
- 2鬼怪第13集百度网盘资源分享
- 3韩剧《鬼怪》结局是什么？鬼怪结局2种猜想
- 4火萤视频桌面添加视频图文步骤
- 5哪里有可以免费共享的腾讯视频会员？3组会员账号分享
- 6【已处理】谁有韩剧《鬼怪》全集中字百度网盘资源？
- 7孤单又灿烂的神-鬼怪最新剧集百度云链接免费分享
- 8韩剧《鬼怪》第14集、15集以及16集的百度云链接分享
- 9蓝色大海的传说第17集、18集、19集百度云链接分享
- 104组最新的、可免费共享的腾讯视频会员账号分享
- 11斗鱼TV房间号如何查看？斗鱼TV房间号查看方法
- 12虾米音乐VIP兑换码如何激活？
- 1QQ影音如何截取QQ表情？QQ影音截取QQ表情图文说明教程
- 2qq影音如何安装？qq影音安装图文说明教程
- 3详细说明MySQL Group Replication[Multi-Primary Mode]的搭建部署过程（图文）
- 4红米3s如何刷miui8 红米3s刷机miui8方法流程图解
- 5用钱宝如何注销 用钱宝注销图文说明教程详细说明
- 6用钱宝收不到验证码如何回事 用钱宝收不到验证码处理方法
- 7小米5s设置参数 小米5s参数是什么
- 8横向|word如何设置横向页面 word横版如何设置
- 9电脑常用的快捷键有哪一些?
- 10腾讯qq电脑管家文件粉碎在什么地方 电脑管家文件粉碎如何用
- 11Win7系统如何打开rar文件？
- 12Photoshop入门者的使用技巧
