HTML 表格标签之表格属性

最新推荐文章于 2024-07-12 00:07:26 发布

CodeDoraemon

最新推荐文章于 2024-07-12 00:07:26 发布

阅读量247

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_40417070/article/details/113061357

版权

HTML 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

本文介绍了HTML中用于设置表格外观的属性，如align、border、cellpadding和cellspacing等。通过示例代码展示了如何创建和调整表格的布局，帮助读者理解并记忆这些关键属性，以便在实际网页设计中应用。

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

表格属性

表格属性此处不常用，常在 CSS 进行设置
学习目的：

记住单词，后面使用
直观感受表格的外观形态

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 表格标签的属性需要写在 table 里面 -->
    <!-- align 将表格在屏幕的中间进行显示 -->
    <!-- border 规定单元格是否具有边框 -->
    <!-- cellpadding 字和距离单元格的像素距离 -->
    <!-- cellspacing 单元格和单元格之间的距离 -->
    <!-- width 表格的宽度 -->
    <table align = "center" border = "1" cellpadding = "20" cellspacing = "0" width = "500" heigh = "1000">
        <tr><th>姓名</th> <th>性别</th> <th>年龄</th></tr>
        <tr><td>赵</td> <td>男</td>   <td> 66 </td></tr>
        <tr><td>王</td> <td>男</td>   <td> 64 </td></tr>
        <tr><td>李</td> <td>女</td>   <td> 28 </td></tr>
        <tr><td>刘</td> <td>男</td>   <td> 20 </td></tr>    
    </table>

</body>
</html>