第八节 HTML表格

lyg0 2020-03-05

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <!-- 
        1、<table>标签:声明一个表格,常用属性如下:
            1、border属性:定义表格的边框,设置的值是数值
            2、cellpadding属性:定义单元格内容和边框的距离,设置的是数值
            3、cellspacing属性:定义单元格和单元格之间的距离,设置的是数值
            4、align属性:设置整体表格相对于浏览器窗口水平的对齐方式,设置有:left|center|right
        2、<tr>标签:定义表格中的一行
        3、<td>和<th>标签:定义一行中的一个单元格,td代表普通单元,th代表表头单元格,他们的常用属性如下:
            1、align属性:设置单元格中的水平对齐方式,left|center|right
            2、valign属性:设置单元格中内容的垂直对齐方式,top|midle|bottom
            3、colspan属性:设置单元格水平和并,设置是数值
            4、row属性:设置单元格垂直和并,设置值是数值 -->
    <table border="1" width="700" height="300" align="center">
        <tr>
            <th colspan="5" align="left">基本情况</th>
        </tr>
        <tr>
            <td width="25%"></td>
            <td width="15%"></td>
            <td width="25%"></td>
            <td width="15%"></td>
            <td rowspan="5" width="20%"><img src="图片1.png" alt="人物"></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>

</body>
</html>

相关推荐

pythonclass / 0评论 2019-12-29