0

0

详解HTML块级元素

迷茫

迷茫

发布时间:2017-03-25 12:16:00

|

2223人浏览过

|

来源于php中文网

原创

前面的话

  在html5出现之前,人们一般把元素分为块级、内联和内联块元素。本文将详细介绍html块级元素

h

  标题(Heading)元素有六个不同的级别,

是最高级的,而
则是最低的。一个标题元素能简要描述该节的主题

  从

,重要性逐渐减小,字体大小也逐渐减小。在使用标题元素时,要注意以下几点

  1、不要为了减小标题的字体而使用低级别的标题,而是使用CSS的font-size样式

  2、避免跳过某级标题:始终要从

开始,接下来使用

等等

立即学习前端免费学习笔记(深入)”;

  3、使用

元素时,为了方便起见,避免重复在一个页面上使用

应该用来表示页面的标题,其他的标题当从

开始。使用
时,应当每个 section都使用一个

【默认样式】

//从h1到h6
margin: 0.67em 0 -> 0.83em 0 -> 1em 0 -> 1.33em 0 -> 1.67em 0 -> 2.33em 0;
font-size: 2em -> 1.5em -> 1.17em -> 1em -> 0.83em -> 0.67em;
font-weight: bold;

  HTML5新增了

标签,它表示标题组,用于组合标题,只在区块需要有多个级别的标题时使用 

水果

苹果

p

  

元素(paragraph)表示文本的一个段落,该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进

【默认样式】

margin: 16px 0;

段落1

微信小程序公众号SaaS管理系统
微信小程序公众号SaaS管理系统

微信小程序公众号SaaS管理系统是一款完全开源的微信第三方管理系统,为中小企业提供最佳的小程序集中管理解决方案。可实现小程序的快速免审核注册(免300元审核费),可批量发布小程序模板,同步升级版本等功能。基础版本提供商城和扫码点餐两种小程序模板。商户端可以实现小程序页面模块化设计和自动生成小程序源代码并直接发布。

下载

段落2

段落3

p

元素(pide)(或HTML文档分区元素)是一个通用型的流内容容器,它在语义上不代表任何特定类型的内容,它可以被用来对其它元素进行分组,一般用于样式化相关的需求(使用class或id特性)或者对具有相同特性的一组元素进行分组(比如lang),它应该在没有任何其它语义元素可用时才使用(比如
元素中)。通常,
元素可以放在当前section的
元素中,如果存在的话

【默认样式】

段落1


段落2

其他

除了上面介绍的


标签外,还有一些前面已经介绍过的标签属于块级标签

  包括骨架类标签(),列表类标签(

      ),表单类标签(form
      ),HTML5新增的结构标签(
      ),HTML5新增的多媒体标签(
      ),HTML5新增的功能性标签(
      )

      最后

        可能有人会觉得
      标签应该是一个块级元素,因为它有换行,与块级元素的特征很相似。但它实际上是一个内联元素,它的用途是在文本中产生一个换行

      margin: 8px 0;
      border-style: inset;
      border-width: 1px;
      元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来,通常表示已排版的内容,如代码块和字符画等

      body {
        color:red;
      }
      
      margin: 1em 0;
      white-space: pre;
      margin: 1em  40px;
      font-style: italic;

      相关文章

      HTML速学教程(入门课程)
      HTML速学教程(入门课程)

      HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

      下载

      相关标签:

      本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

      相关专题

      更多
      C++ 高级模板编程与元编程
      C++ 高级模板编程与元编程

      本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

      6

      2026.01.23

      php远程文件教程合集
      php远程文件教程合集

      本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

      21

      2026.01.22

      PHP后端开发相关内容汇总
      PHP后端开发相关内容汇总

      本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

      16

      2026.01.22

      php会话教程合集
      php会话教程合集

      本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

      11

      2026.01.22

      宝塔PHP8.4相关教程汇总
      宝塔PHP8.4相关教程汇总

      本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

      9

      2026.01.22

      PHP特殊符号教程合集
      PHP特殊符号教程合集

      本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

      9

      2026.01.22

      PHP探针相关教程合集
      PHP探针相关教程合集

      本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

      7

      2026.01.22

      菜鸟裹裹入口以及教程汇总
      菜鸟裹裹入口以及教程汇总

      本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

      24

      2026.01.22

      Golang 性能分析与pprof调优实战
      Golang 性能分析与pprof调优实战

      本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

      9

      2026.01.22

      热门下载

      更多
      网站特效
      /
      网站源码
      /
      网站素材
      /
      前端模板

      精品课程

      更多
      相关推荐
      /
      热门推荐
      /
      最新课程
      Bootstrap 5教程
      Bootstrap 5教程

      共46课时 | 3万人学习

      AngularJS教程
      AngularJS教程

      共24课时 | 2.9万人学习

      CSS教程
      CSS教程

      共754课时 | 22.6万人学习

      关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
      php中文网:公益在线php培训,帮助PHP学习者快速成长!
      关注服务号 技术交流群
      PHP中文网订阅号
      每天精选资源文章推送

      Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号