HTML-table表格

Asunny5

已于 2022-10-26 13:24:36 修改

阅读量155

点赞数

文章标签： html 前端 javascript

于 2022-10-17 11:31:55 首次发布

本文链接：https://blog.csdn.net/m0_60979337/article/details/127353357

版权

本文介绍了HTML中创建表格的基本语法，包括<table>标签及其caption、thead、tbody、tfoot子元素，以及td单元格的属性如colspan和rowspan。同时讲解了如何通过搜狗输入法和HTML代码输入特殊符号。

摘要由CSDN通过智能技术生成

1. html符号输入方法
1）可以通过搜狗输入法输入特殊符号
2）可以用html代码

2.表格<table></table>标签
基本语法：
<table>
caption（表格标题）
<thead>（表头区域）//如果写了thead 必须要写tbody和tfoot
<tr> 表示行，一个tr表示一个行
<td>单元格内容</td>
</tr>
</thead>

<tbody>(表身区域）
<tr> 表示行，一个tr表示一个行
<td>单元格内容</td>
</tr>
</tbody>

<tfoot>(表尾区域）
                                   <tr> 表示行，一个tr表示一个行
<td>单元格内容</td>
</tr>
                         </tfoot>
        </table>
table属性：1）border=" "表格边框的宽度一般是1
   2）width=" " 表格的宽度 height=" " 表格的高度
3）cellspacing=" " 单元格与单元格之间的空白
4）cellpadding=" "单元格与单元格内部文字的距离
5）align = " " 表格的对齐方式 left center right

td属性 1）colspan = " " 跨列合并单元格注意：把被合并的表格删除
2）rowspan = " " 跨行合并单元格注意：把被合并的表格删除
3）bgcolor = " " 单元格背景颜色
4）align = " " 表格的对齐方式 left center right
5）vertical-align 单元格文本垂直对齐方式。top顶部对齐 middle居中 bottom底部对齐