HTML中关于<br>,<P>换行符的区别和使用影响

我们刚学习了html的同学都知道,在html文件中输入完一段文字后按回车换行后再运行,网页中显示的文字并没有换行,只是隔了一个空格。所以说我们就要使用到html中的换行符<br/>和<p>,那么我们在使用这两种换行符的时候该如何选择呢?它们又有哪些区别呢?

区别:

<p>:段落标签,格式:<p>  文本  <p/> ,   顾名思义,<p>是将文本分成段落的时候使文本实现换行,并且段落文本之间会有一行空白行隔开

<br>:换行标签,格式:文本 <br> ,<br>只需要单独使用即可实现换行,而<p><p/>是常见的一对才能使用,<br>实现换行后直接网页中文本直接在下一行显示出来,中间不会出现空白行。<p><p/>也可以通过css设置对应p标签中margin:0; padding:0;即p{ margin:0; padding:0;},使<p>相当于一个<br>

使用影响:

1.<p> <br> <p>:在段落标签中使用<br>可以直接换行,不会有什么影响。

2.在<table><table/>中使用<br>时,由于<table><table/>中每建立一个<tr><tr/>都会自动换行,所以不需要使用<br>进行换行。

如果我们在每一个单元行后面都添加一个<br>,那么运行过后<br>换行符就会如下图一样堆积起来并且没有进入到<table><table/>中,所以<br>在<table>中不生效。

HTML中关于<br>,<P>换行符的区别和使用影响相关推荐

  1. PHP脚本中的两种换行符的区别

    在编写PHP脚本代码的时候,我们经常会看到 \n和<br />这两个字符,它们都有换行的作用,那么到底有什么区别呢? 1.\n是使源代码换行,而浏览器显示的内容不换行: 2.<br ...

  2. PHP删除字符串中的空格和换行符终极方法

    问说网 > 文章教程 > 编程设计 > PHP删除字符串中的空格和换行符终极方法 字符串 换行符 文件编码 网页编码 隐藏字符 PHP删除字符串中的空格和换行符终极方法 问说网 •2 ...

  3. php 替换 tab,PHP 删除字符串中的空格和换行符终极方法 - 文章教程

    有时我们生成的代码中,或多或少会遇到代码中或者字符串中有多余的空格.换行等其他字符,但是这些字符在浏览器里面是不显示出来,任何的换行和再多的空格,都只显示一个空格的空间,这势必对网页的优化有这极其不好 ...

  4. sql中替换逗号为换行符_使用T-SQL将逗号或其他定界符转换为SQL Server中的表或列表

    sql中替换逗号为换行符 Database developers often need to convert a comma-separated value or other delimited it ...

  5. excel 替换 换行符_在Excel中查找和替换换行符

    excel 替换 换行符 When you want to create a line break (line feed) in a cell, you press Alt + Enter, to s ...

  6. js替换字符串中的空格,换行符

    js替换字符串中的空格,换行符\r\n或\n替换成 转载 为了让回车换行符正确显示,需要将 \n 或 \r\n 替换成 .同样地,将空格替换存  .这里我们通过正则表达式来替换. 一.替换所有的空格. ...

  7. 查询数据库中存在的回车换行符

    查询数据库中存在的回车换行符 查询语句 查询语句 select id, code, name from user where name like '%'||chr(10)||'%'; select i ...

  8. html div p 区别,html中div br p三者有什么区别?

    本篇文章给大家带来的内容是关于html中div br p三者有什么区别,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.语法不同 p和p是成对组合闭合标签: 是单一的闭合标签.以 ...

  9. 【HTML】处理<br>换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题 解决

    [HTML]处理 换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法,字符串中包含HTML标签被转义的问题 解决 参考文章: (1)[HTML]处理 换行符 ...

最新文章

  1. Datawhale组队学习周报(第013周)
  2. python easy install_Python 安装easy_install详解
  3. Linux学习-11月12日(Apache安装)
  4. 国家自科基金人工智能项目比较:西电第一 清华第二 电子科大第三
  5. MEF董事、中国电信云计算中心主任赵慧玲:MEF第三类网络
  6. mvc% html.%,MVC的html.doc
  7. html5页面的手势,HTML5单页面手势滑屏切换如何实现
  8. HDU4565(SummerTrainingDay05-C 矩阵快速幂)
  9. 探讨如何在有着1000万条数据的MS SQL SERVER数据库中实现快速的数据提取和数据分页...
  10. displayTag使用详解
  11. SQL server 数据库 向表中添加字段
  12. 一键分享java英文_bShare RESTful分享API
  13. ESD 静电标准分类
  14. 健身教练教你跑步减肥的正确方法
  15. opencv手势识别(3_SVM算法识别)
  16. 在阿里云ECS服务器上使用NextCloud+Aria2+AriaNg部署下载站
  17. 安卓和IOS推广技巧汇总,app安卓推广、ios推广aso优化
  18. 重绘、重排区别及如何减少
  19. Arbitrum上首个跨链互操应用开启空投计划!
  20. RSS,Feed和抓虾_转

热门文章

  1. 什么是SQL注入攻击?
  2. UI自动化测试是什么?什么项目适合做UI自动化测试
  3. npm 的使用(包括 nrm 管理镜像源)
  4. 进程管理程序 - Supervisor - 学习/实践
  5. AC6969A 双声道蓝牙芯片 经典蓝牙5.3 纯蓝牙
  6. 学习Linux的几点忠告(转贴)
  7. mysql查询历史执行sql记录
  8. 三亚免税店积分抵现_海南放大招!10万购物免税额、离岛半年可补购,一文教你买转海南自贸港...
  9. 单链表的基本操作-插入结点、删除结点、新建链表、查找结点位置
  10. 突然发现得考个研究生了