13-表格标签

最新推荐文章于 2024-05-23 16:03:07 发布

旧时光的小鱼儿

最新推荐文章于 2024-05-23 16:03:07 发布

阅读量477

点赞数

分类专栏： HTML5自学笔记文章标签： html5 前端 html

本文链接：https://blog.csdn.net/qq_36352716/article/details/122864973

版权

HTML5自学笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

基本语法：

    <table> # 定义表格的标签
        <tr>  # 行标签，必须放在表格标签里面
            <th>表头单元格标签</th> # 里面的文字会居中加粗显示，常用于表格第一行
            <td>单元格标签</td>  # 行里面的单元格标签，必须放在行标签里面
        </tr>
    </table>

表格的属性

属性名称	描述
align	对齐方式，有left,center,right
border	单元格边框，默认为" "
cellpadding	单元格边沿与其内容之间的间距，默认1个像素
cellspacing	单元格之间的间距，默认2个像素
width	表格的宽度，可填写像素值或者百分比
height	表格的高度，可填写像素值或百分

练习效果及代码：

相关代码：

<body>

    <table align="center" border="1" cellpadding="16" cellspacing="0" width="500" height="200">
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>小鱼</td>
            <td>女</td>
            <td>18</td>
        </tr>
        <tr>
            <td>小明</td>
            <td>男</td>
            <td>23</td>
        </tr>
        <tr>
            <td>刘德华</td>
            <td>男</td>
            <td> 26 </td>
        </tr>
        <tr>
            <td>张学友</td>
            <td>男</td>
            <td> 28 </td>
        </tr>
        <tr>
            <td>郭富城</td>
            <td>男</td>
            <td> 21 </td>
        </tr>
        <tr>
            <td>黎明</td>
            <td>男</td>
            <td> 27 </td>
        </tr>
    </table>
</body>

旧时光的小鱼儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
13-表格标签

基本语法： <table> # 定义表格的标签 <tr> # 行标签，必须放在表格标签里面 <th>表头单元格标签</th> # 里面的文字会居中加粗显示，常用于表格第一行 <td>单元格标签</td> # 行里面的单元格标签，必须放在行标签里面 </tr> </table>表格的属性属性名称描
复制链接

扫一扫