标签的分类

最新推荐文章于 2021-08-19 09:19:53 发布

啃西瓜的小煤球

最新推荐文章于 2021-08-19 09:19:53 发布

阅读量769

点赞数

分类专栏： HTML

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

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签分类</title>
</head>
<body>
    标签，被称为元素，也可以称为容器，作用：存储内容
    内容：包含文字、图片、音频、视频、超链接、其他标签等等
    按照元素特性分：
    通过display样式切换特性，即display:block;
    1.块元素 block
    div:没有特殊含义的容器标签，多用于做网页布局，比如分区域或者分块
    p: paragraph，段落标签，内部多是文字内容
    ul:无序列表的容器标签，直系子元素尽可能是li
    li: 列表项标签 （ul和li一块使用）
    h1:一级标题标签
    h2-h6: 标题标签

    新标签，h5新增的语义化标签(浏览器通过标签名称判断内容的作用)
    header: 网页的头部标签，通常使用一次
    footer: 网页的底部标签，通常使用一次
    main: 网页的主体标签，通常使用一次
    article: 文章的容器标签
    section: 文章(主体内容)的一部分或一小节
    figure: 图片相关信息的容器标签
    figcaption: 图片的描述信息，是figure的第一或者最后一个直系子元素
    nav:navigation 主导航标签



    2.行元素   inline  文本标签
    a: 超链接标签
    span: 没有任何特殊含义的文本标签
    strong: 起强调作用的标签(文字默认加粗)
    b: 加粗文字标签
    u: 下划线标签
    i: 斜字体标签
    em:  斜字体标签


    3.行内块元素 inline-block
    img:导入图片的标签


    标签特点：
    1.默认情况下，大部分标签是成对存在的，极个别的标签只具备开始标签，这类标签被称为单标签，比如：meta, img, br等
    <img src="" alt="" />
    2.标签之间可以切换特性，display:block;
   display:inline-block; display:inline;

</body>
</html>

啃西瓜的小煤球

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
标签的分类

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签分类</title></head><body> 标签，被称为元素，也可以称为容器，作用：存储内容内容：包含文字、图片、音...
复制链接

扫一扫

专栏目录