H5的常用标签

最新推荐文章于 2023-07-18 20:26:08 发布

啃西瓜的小煤球

最新推荐文章于 2023-07-18 20:26:08 发布

阅读量525

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/A1010574609/article/details/101270273

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> h5的常用标签 </title>
</head>
<body>
    <!-- 
        h5中，标签的结构分两种：标签和单标签(meta, img, link)
     -->
    <!-- a:超链接标签，默认鼠标放置在文字上时，指针显示手型，说明内容可以点击，点击时会跳转至其他页面 -->
    <a href="http://www.baidu.com">
        百度一下
    </a>

    <h1> 文章的大标题标签 ，具有默认的字体大小、加粗、上下外边距 </h1>
    <h2> 文章的二级标题标签 </h2>
    <h3> 文章的三级标题标签 </h3>
    <h4> 文章的四级标题标签 </h4>
    <h5> 文章的五级标题标签 </h5>
    <h6> 文章的六级标题标签 </h6>
    <p> 段落标签，包含大量的文字内容 </p>
    <span> 文字标签，放置少量的文字内容 </span>
    <strong> 粗体文字，具有强调作用，放置少量的文字内容 </strong>
    <b> 粗体文字，放置少量内容，无强调 </b>
    <u> 下划线文字， </u>
    <i> 斜体文字 </i>
    <del> 删除线 </del>
    <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png" alt="">

    <div>
        没有任何特殊含义的容器标签，多用于做布局
    </div>
    <!--
        ul：无序列表的容器标签，其子元素只能是li
        li:每一个列表项标签
     -->
    <ul>
        <li> 列表项1 </li>
        <li> 列表项2 </li>
        <li> 列表项3 </li>
    </ul>

    <header>
        网页的头部标签，通常只出现一次
    </header>
    <footer>
        网页的底部标签，通常只出现一次
    </footer>
    <main>
        网页的主体标签，通常只出现一次
    </main>
    <nav>
        网页的主导航标签，通常出现一次
    </nav>
    <aside>
        网页的侧边栏标签
    </aside>

    <article>
        文章的内容容器标签
    </article>
    <section>
        文章的一部分或者一小节
    </section>

</body>
</html>

啃西瓜的小煤球

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
H5的常用标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
复制链接

扫一扫