HTML 表格标签之表格属性

表格属性

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

  1. 记住单词，后面使用
  2. 直观感受表格的外观形态
    在这里插入图片描述

示例代码

<!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>

显示结果

在这里插入图片描述

posted @ 2022-03-31 18:26  YIMENG-0  阅读(152)  评论(0)    收藏  举报