首页 > 软件开发 > HTML >

HTML段落及段落的相关使用

来源:互联网 2023-03-16 19:16:28 87

HTML段落及段落的相关使用Sl0办公区 - 实用经验教程分享!

工具/原料

  • win10
  • phpstorm

方法/步骤

  • 1

    HTML中段落是通过 标签定义的。注释:浏览器会自动地在段落的前后添加空行。( 是块级元素)Sl0办公区 - 实用经验教程分享!

    HTML段落及段落的相关使用Sl0办公区 - 实用经验教程分享!

  • 2

    在使用p标签的使用别忘了写结束标签/,即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来.Sl0办公区 - 实用经验教程分享!

    下面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。Sl0办公区 - 实用经验教程分享!

    注释:在未来的 HTML 版本中,不允许省略结束标签。Sl0办公区 - 实用经验教程分享!

    提示:通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。Sl0办公区 - 实用经验教程分享!

    HTML段落及段落的相关使用Sl0办公区 - 实用经验教程分享!

  • 3

    如果您希望在不产生一个新段落的情况下进行换行,请使用 br /> 标签。Sl0办公区 - 实用经验教程分享!

    Sl0办公区 - 实用经验教程分享!

    br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。Sl0办公区 - 实用经验教程分享!

    Sl0办公区 - 实用经验教程分享!

    Sl0办公区 - 实用经验教程分享!

    br> 还是 br />Sl0办公区 - 实用经验教程分享!

    您也许发现 br> 与 br /> 很相似。Sl0办公区 - 实用经验教程分享!

    在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。Sl0办公区 - 实用经验教程分享!

    长远的讲使用br />标签更有保障Sl0办公区 - 实用经验教程分享!

    Sl0办公区 - 实用经验教程分享!

    HTML段落及段落的相关使用Sl0办公区 - 实用经验教程分享!

  • 4

    当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。Sl0办公区 - 实用经验教程分享!

    HTML段落及段落的相关使用Sl0办公区 - 实用经验教程分享!

  • 4相关内容未经授权抓取自百度经验
  • 5

    在p标签中排版一首唐诗Sl0办公区 - 实用经验教程分享!

    HTML段落及段落的相关使用Sl0办公区 - 实用经验教程分享!

  • 6

    在p标签中有许多的默认行为,标签中的多个连续空格会默认为一个:Sl0办公区 - 实用经验教程分享!

    HTML段落及段落的相关使用Sl0办公区 - 实用经验教程分享!

  • 7

    在p标签中还有一个默认行为,如果你需要换行,必须使用br />,而不能直接回车:Sl0办公区 - 实用经验教程分享!

    HTML段落及段落的相关使用Sl0办公区 - 实用经验教程分享!

  • 注意事项

    • 提示:使用空的段落标记

      Sl0办公区 - 实用经验教程分享!

      去插入一个空行是个坏习惯。用

      Sl0办公区 - 实用经验教程分享!

      标签代替它!(但是不要用

      Sl0办公区 - 实用经验教程分享!

      标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)
    • 不要忘记结束标签

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Sl0办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码