资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/前端学习笔记之Html标签元素类别

前端学习笔记之Html标签元素类别

ghnor / 2179人阅读

摘要：中的标签元素可以分为三种不同的类型块状元素内联元素和内联块状元素。常用的块状元素有等内联元素与块状元素相对应，具有如下特点和其他内联元素都在一行上元素的高度宽度行高及顶部和底部边距不可设置元素不能设置高度，宽度就是它包含的文字或图片的宽度。

HTML 中的标签元素可以分为三种不同的类型：块状元素、内联元素和内联块状元素。

块状元素的特点有：

1、独占一行。每个块级元素都从新的一行开始，并且其后的元素也另起一行。

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、可以设置高度，如果不设置元素的高度，则其高度与父元素的高度一致。

常用的块状元素有：

、

、

    、
      、、
      、
      、

      、

      、

      、

      、

      、
      、
      、
    • 等

      内联元素与块状元素相对应，具有如下特点：

      1、和其他内联元素都在一行上；

      2、元素的高度、宽度、行高及顶部和底部边距不可设置；

      3、元素不能设置高度，宽度就是它包含的文字或图片的宽度。

      常用的内联元素有：
      、、
      、、、、       等

      内联元素与块状元素可以相互转化，比如在 CSS 中将内联元素设置为以块状元素的方式显示display: block，就将内联元素转化成了一个块状元素，这时候，我们可以设置该元素的长宽等原本不能设置的属性。
      同样，我们也可以设置块状元素的display属性为display: inline，这样块状元素就可以再同一行显示了。

      内联块状元素像内联元素一样在同一行显示，又可以像块状元素一样设置高、宽、行高、边距。

      常用的内联块状元素有：、

      其他的元素可以通过设置display: inline-block，转化为内联块状元素。

      云服务器 私有云 html禁用元素标签 html5元素标签 html5元素与标签 Html5元素学习

      文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

      转载请注明本文地址：https://www.ucloud.cn/yun/50756.html

      相关文章

      • jQuery入门笔记之（二）文档对象模型

        摘要：删除指定的属性，这个方法就不可以使用匿名函数，传递和均无效。遍历对象数组索引，鍵，属性名属性值，值相当于遍历原生对象数组时，为元素。在使用使用时，可以使用传入匿名函数的方法，实现由默认到几个之间的切换。 转自个人博客 基础 DOM 和 和 CSS 一. 设置元素及内容 我们通过前面所学习的各种选择器、过滤器来得到我们想要操作的元素。这个时候，我们就可以对这些元素进行 DOM 的操作。...

        FleyX 评论0 收藏0

      • 基础知识 - 收藏集 - 掘金

        摘要：本文是面向前端小白的，大手子可以跳过，写的不好之处多多分钟搞定常用基础知识前端掘金基础智商划重点在实际开发中，已经非常普及了。 JavaScript字符串所有API全解密 - 掘金关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：JavaScript字符串所有API全解密 本文近 6k 字，读完需 10 分钟。 字符串作为基本的信息交流的桥梁，几乎被所有的编程...

        wdzgege 评论0 收藏0

      • 前端知识点整理

        摘要：难怪超过三分之一的开发人员工作需要一些知识。但是随着行业的饱和，初中级前端就业形势不容乐观。整个系列的文章大概有篇左右，从我是如何成为一个前端工程师，到各种前端框架的知识。 为什么 call 比 apply 快？ 这是一个非常有意思的问题。 作者会在参数为3个（包含3）以内时，优先使用 call 方法进行事件的处理。而当参数过多（多余3个）时，才考虑使用 apply 方法。 这个的原因...

        Lowky 评论0 收藏0

      • 前端知识点整理

        摘要：难怪超过三分之一的开发人员工作需要一些知识。但是随着行业的饱和，初中级前端就业形势不容乐观。整个系列的文章大概有篇左右，从我是如何成为一个前端工程师，到各种前端框架的知识。 为什么 call 比 apply 快？ 这是一个非常有意思的问题。 作者会在参数为3个（包含3）以内时，优先使用 call 方法进行事件的处理。而当参数过多（多余3个）时，才考虑使用 apply 方法。 这个的原因...

        snowLu 评论0 收藏0

      • 保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）

        摘要：标签不区分大小写，但推荐小写。标签可以嵌套，但不能交叉嵌套。标签也称为元素。比如行内标签亦可成行内元素。 ❤️HTML必备知识详解❤️ 第一部分：HTML框架简介...

        paulli3 评论0 收藏0

      发表评论

      登陆后可评论

      0条评论

      ghnor

      男|高级讲师
      我要私信

      TA的文章

      阅读更多
      最新活动
      阅读需要支付1元查看
      UCloud （优刻得科技股份有限公司）

      UCloud （优刻得科技股份有限公司）是中立、安全的云计算服务平台，坚持中立，不涉足客户业务领域。公司自主研发IaaS、PaaS、大数据流通平台、AI服务平台等一系列云计算产品，并深入了解互联网、传统企业在不同场景下的业务需求，提供公有云、混合云、私有云、专有云在内的综合性行业解决方案。

      Copyright © 2012-2023 UCloud 优刻得科技股份有限公司｜沪公网安备 31011002000058号｜ 沪ICP备12020087号-3｜
      <