HTML入门几个小点的记载（五）

卑微小张在线咕咕咕

于 2019-06-20 12:13:09 发布

阅读量107

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_43460290/article/details/93005985

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

< summary >标签

<!DOCTYPE html>
<html>
    <!--
        包含details元素的标题，“details”元素用于描述有关文档
        或文档片段的详细信息。
    -->
    <body>
        <details>
            <summary>HTML5</summary>
            This is a interesting thing.
        </details>
        <!--
            summary应该是details的第一个子元素。
        -->
    </body>
</html>

运行结果：

在这里插入图片描述

< table > 标签：

<!DOCTYPE html>
<html>
    <!--
        <table>标签可以定义表格，在<table>标签内部，我们可以放置表格的标题，
        表格行，列，表格单元以及其它的表格。
    -->
    <body>
        <p>每个表格有table标签开始</p>
        <p>每个表格行都由tr标签开始</p>
        <p>每个表格数据都有td标签开始</p>
        <h4>一列：</h4>
        <table border="1">
            <tr>
                <td>100</td>
            </tr>
        </table>

        <h4>一行三列：</h4>
        <table border="1">
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
        </table>

        <h4>二行三列：</h4>
        <table border="10">
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
            <tr>
                <td>400</td>
                <td>500</td>
                <td>600</td>
            </tr>
        </table>
        <!--
            tr:行
            td:列
            border中的数字由1，2，3的比较可以看出来是边框的加深。
        -->
    </body>
</html>

运行结果：

在这里插入图片描述
< tbody > 标签：

<!DOCTYPE html>
<html>
    <body>
        <table>
            <thead>
                <tr>
                    <td>THEAD中的文本</td>
                </tr>
            </thead>
            <!--
                td中仅仅支持colspan和rowspan
                thead内部必须由tr标签
            -->
            <tfoot>
                <tr>
                    <td>TFOOT中的文本</td>
                </tr>
            </tfoot>
            <!--
                <tfoot>内部中必须要有<tr>标签
                如果使用thead，tfoot以及tbody，就最好使用这样的
                出现次序，必须在table元素内部使用这些标签
            -->
            <tbody>
                <tr>
                    <td>TBODY中的文本</td>
                </tr>
            </tbody>
            <!--
                th标签内部的文本通常会呈现为粗体
                th标签定义表格内的表头单元格
                tt定义打字机文本
            -->
        </table>
    </body>
</html>

< time >标签

<!DOCTYPE html>
<html>
    <body>
        <!--
            <time>标签定义日期或者时间。
        -->
        <p>
            我们每天早上<time>9:00</time>开始营业
        </p>

        <p>
            我在<time datetime="2019-6-20">情人节</time>有个约会
        </p>
    </body>
</html>

卑微小张在线咕咕咕

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML入门几个小点的记载（五）

< summary >标签<!DOCTYPE html><html>  <body> <details> <su...
复制链接

扫一扫

专栏目录