学习html第五天笔记-表格table（创建表格、表格属性、表头标签、表格结构、
表格标题标。。。
（⼗⼀）表格 table
1、创建表格
语法格式：
<table>
<tr>
<td>单元格内的⽂字</td>
.......
</tr>
</table>
<table></table>、<tr></tr>、<td></td>是创建表格的基本标签，缺⼀不可。
①<table></table>⽤于定义⼀个表格；
②<tr></tr>⽤于定义表格中的⼀⾏，必须嵌套在<table></table>标签中；在table中包含有⼏对tr标签，就有⼏⾏表格；
③<td></td>⽤于定义表格中的单元格，必须嵌套在<tr></tr>标签中，在tr标签中包含有⼏对<td></td>就表⽰该⾏中有多少单元格。
*注意
①<tr></tr>中只能嵌套<td></td>
②<td></td>中可以放所有元素
对于表格的宽度、⾼度和边框粗细的设置都放在&></table>
例如：设置“表格的宽度为500像素，⾼度为300像素，边框为1像素”则代码如下：
<table width="500" height="300" border="1"></table>
2、表格属性
以下所有属性均是添加在&></table>
表格属性图
表格属性实例代码图
表格属性实例效果图
3、表头标签
表头⼀般位于表格的第⼀⾏或第⼀列，其⽂本加粗居中显⽰。
设置⽅法：⽤表头标签<th></th>替代相应单元格标签<td></td>即可。
4、表格结构
在使⽤表格进⾏布局时，可以将表格划分为头部、主体和页脚（页脚暂时不管）
①<thead></thead>⽤于定义表格的头部。必须位于<table></table>标签中，⼀般包含⽹页的logo、导航等头部信息。
②<tbody></tboby>⽤于定义表格的主体部分。位于<table></table>标签中，⼀般包含⽹页中除头部和底部之外的其他内容。
5、表格标题标签
<caption></caption>
语法格式：
<table>
html网页设计 table
<caption>我是表格标题</caption>
</table>
注意：<caption></caption>必须放在<table></table>中。即：<table><caption></caption></table>
6、合并单元格
①跨⾏合并：rowspan ②跨列合并：colspan
合并单元格的思想：将多个内容合并的时候，就会有多余的东西，将多余的东西删除。例如：把3个td合并成⼀个，那就多余了两个，需要删除。
公式：删除的个数=合并的个数-1
语法格式：<td rowspan="将要合并的单元格个数">单元格的⽂本内容</td>
合并的原则：合并时先保留上⾯的和左边的。
合并单元格实例代码图
合并单元格实例效果图

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。