HTML5相关知识学习（第五篇）-CSDN博客

本文链接：https://blog.csdn.net/weixin_45691018/article/details/119085583

表格

表格的出现是主要是为了让我们可以更清楚明了的展示数据信息，而不是单纯为了网页的设计。

（表格中也可以插入图片）

格式：

<table>

        <tr>    一行

                 <th>表格属性</th>...<th>表格属性</th>

        </tr>

        <tr>

                 <td>数据</td>...<td>数据</td>

        </tr>

</table>

注：其中<th></th>比较特殊，字体居于单元格中央，且字体加粗。

表格存在一些特殊属性，可以帮助设计者优化表格。

属性

值

功能

align

left

center

right

规定表格相对周围元素的对齐方式。

cellpadding

像素距离

规定单元边沿与其内容之间的空白。

cellspacing

像素距离

规定单元格之间的空白。

width

像素距离

规定表格的宽度。

border

“1”或者””

是否需要边框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" cellpadding = "10" cellspacing = "0" align="center">
        <tr><th>姓名</th>  <th>性别</th> <th>年龄</th></tr>
        <tr><td>雷神</td>  <td>男</td> <td>111</td></tr>
        <tr><td>宙斯</td>  <td>男</td> <td>1111</td></tr>

    </table>
</body>
</html>