HTML＞＞＞表格

夜色74

已于 2022-12-08 22:41:59 修改

阅读量115

点赞数

文章标签： python pandas

于 2022-12-02 19:45:15 首次发布

本文链接：https://blog.csdn.net/weixin_73234025/article/details/128152717

版权

一、表格标签

！表格标签如同excle效果

！它包括表头，表体，表尾

1、<table>+(<thead>,<tbody>,<tfoot>)+<tr>,(<td>,<th>)

@<thead>:表示的是一块表格区域

@<thead>,<tbody>,<tfoot>将表格分成头，内容，尾三部分

* 可以指定三个不同的区域

* 浏览器处理时会将表格区域自动分成头，内容，尾

* <tr>:为子表格（子）区域设置的数据行区域

* <td>/<th>：为表格行区域设置单元格内容的区域

2、表格属性

<table width="">---->设置表格区域宽度

<table border="">---->设置表格区域的边框粗细

* 在为表格区域设置边框时，也会为表格中的单元格区域设置固定的为1的边框

<table cellspacing="0">------>设置单元格之间的留白距离

@基本演示：

<html>
    <head></head>
    <body>
        <table border="2" cellspacing="0" align="center">
            <thead>
                <tr align="center">
                    <td colspan="3">成绩表</td>
                </tr>
            </thead>
           <tbody>
                <tr>
                    <td>姓名</td>
                    <td>年龄</td>
					<td>性别</td>
                </tr>
           <tbody>
		   <tfoot>
				<tr>
					<td>安其拉</td>
					<td>17</td>
					<td>女</td>
				</tr>
				<tr>
					<td>貂蝉</td>
					<td>18</td>
					<td>女</td>
				</tr>
		   </tfoot>
        </table>
    </body>
</html>

* 表格子区域是没有属性的

3、表格行的属性

<tr height="">---->设置行高

<tr align="">------>设置行中所有单元格内容的水平位置（left,center,fight）

<tr valign="">------>设置行中所有单元格的垂直位置（top,center,right）

4、表格单元格的属性

<td width="">----->设置单元格的的宽度

<td height="">----->设置单元格的高度

<td align="">------->设置单元格水平位置(left,center,right)

<td vlign="">------->设置单元格垂直位置（top,center,right）

5、扩展

！<th>---->也是单元格标签，相当于<td>,(<th>有默认加粗和水平居中的效果，一般多用于<thead>设置)