前端笔记04 - 表格标签

最新推荐文章于 2024-04-30 00:07:37 发布

VIP文章醒醒，写bug了！

最新推荐文章于 2024-04-30 00:07:37 发布

阅读量279

点赞数 2

分类专栏：前端笔记文章标签： html html5 css

本文链接：https://blog.csdn.net/kukudeqi/article/details/120229043

版权

<!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>stud-004</title>
</head>

<body>
    <!--&nbsp; 是空格符，&lt; 是小于号，&gt; 是大于号-->
    &lt;p&gt;是&nbsp;&nbsp;段落标签<br />

    <!-- 
        表格的主要作用：
            表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示的时候能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。
            表格不是用来布局页面的，而是用来展示数据的。
        表格的基本语法：
            <table>
                <tr>
                    <td>单元格内的文字</td>
                    ……
                </tr>
                ……
            </table>

            <table></table>是用来定义表格的标签。
            <tr></tr>标签用于定义表格中的行，必须嵌套在<table></table>标签中。
            <td></td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。
            字母td指表格数据（table data），即数据单元格内容。
    -->
    <table>
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>55</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>男</td>
            <td>66</td>
        </tr>
    </table>

    <!--
        表头单元格标签：
            一般表头单元格位于表格的第一行或第一列，表头单元格的文本内容加粗居中显示。
            <th>标签表示html表格的表头部分。
        表头单元格也是单元格，常用于表格的第一行，突出重要性，表头单元格里面的文字会加粗居中显示。
    -->
    <table>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>男

最低0.47元/天解锁文章

醒醒，写bug了！

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端笔记04 - 表格标签

<!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>st
复制链接

扫一扫