广告位联系
返回顶部
分享到

网页教程:实例讲解BR和P标签的区别

HTML/Xhtml 来源:互联网 作者:1讯站 发布时间:2018-04-11 17:05:03 人浏览
摘要

换行标记br的使用 换行标记br是一个没有结尾的标记,HTML文件中任何位置只要使用了br标记,当文件显示在浏览器中时,该位置之后的文字将显示于下一行,该br标记就是起到换行的标记! 请注意!在一般的文字文件中,只要按下键盘上的Enter健便用产生了换行,但

换行标记<br>的使用

换行标记<br>是一个没有结尾的标记,HTML文件中任何位置只要使用了<br>标记,当文件显示在浏览器中时,该位置之后的文字将显示于下一行,该<br>标记就是起到换行的标记!

请注意!在一般的文字文件中,只要按下键盘上的Enter健便用产生了换行,但是在HTML文件中按Enter键换行是没用的,我们必须用特定的标记<br>来让它们产生换行!例:

 

以下为引用的内容:
<html>
<head>
<title>br标记的使用</title>
</head>
<body>
清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<br>
若非群玉山头见,<br>
会向瑶台月下逢。<br>
</body>
</html>

 

看看会出现什么效果呢~!

有人要问把整首诗让它在页面居中该怎么办呢?如果实现居中我们可以用到我们以前学过的<p align=center>内容</p>来实现!
例:

 

以下为引用的内容:
<html>
<head>
<title>br标记的使用</title>
</head>
<body>
<p align=center>清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<br>
若非群玉山头见,<br>
会向瑶台月下逢。<br>
</p>
</body>
</html>

 

================================================

段落标记<p>的使用

由<p>标记所标识和文字,代表同一个段落的文字。在浏览器中,不同段落文字间除了换行外,有时还会以一行空白加以间隔,以便区别出文字的不同段落,其语法如下:
<p>文字</p>
但在一般的应用中,往往只会在要区分为段落的文字后,加是上一个<p>标.记例:

 

以下为引用的内容:
<html>
<head>
</head>
<title><p>标记的使用</title>
</head>
<body>
清平调<p>
云想衣裳花想容,<p>
春风拂槛露华浓,<p>
若非群玉山头见,<p>
会向瑶台月下逢,<p>
</body>
</html>

 

那么<br>和<p>的有什么区别呢?通俗的讲就是,它们在分行的时候<br>分得行比

<p>分得行距比较大!我们可以看一下:

 

以下为引用的内容:
<html>
<head>
</head>
<title><p>标记的使用</title>
</head>
<body>
清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<p>
若非群玉山头见,<p>
会向瑶台月下逢,<p>
</body>
</html>

 

这样就可以看到效果了,看出来了吗?


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • HTML静态页面获取url参数和UserAgent的实现代码

    HTML静态页面获取url参数和UserAgent的实现代码
    接技术支持小伙伴信:有用户反馈app在华为设备上下载不了,以为是服务器覆盖的范围不够或服务器挂了,直到另一个客服同事发来一个录
  • html网页引入svg图片的4种方式总结
    web应用开发使用svg图片,总结了下,可以有如下4种方式: 1. 直接插入页面。 2. img标签引入。 3. css引入。 4. object标签引入。 1. 直接插入页
  • html中两种获取标签内的值的方法介绍
    获取标签中value的值 使用的javascript获取,所以肯定是包含在 script 标签里的,也需要引入jquery 标签示例: 1 input id=goodsCount type=text size=2 re
  • HTML基本元素标签介绍

    HTML基本元素标签介绍
    一、什么是HTML HTML(Hypertext Markup Language):即超文本标记语言,是一种用来设计网页的标记语言,用该语言编写的文件,以.html或.htm为后缀
  • HTML中的表格元素介绍

    HTML中的表格元素介绍
    表格元素的作用:用来格式化显示数据。 一、表格的基本结构 表格的基本语法: TABLE border=设置表格边框尺寸大小 width= cellpadding= cellspaning
  • HTML中的表单元素介绍

    HTML中的表单元素介绍
    表单元素概述 表单(Form),用于收集用户信息、提交用户请求等 处理过程 1、设计表单,并放入一些输入域 2、网站访问者在自己的计算机
  • HTML怎么设置下划线?html文字加下划线方法

    HTML怎么设置下划线?html文字加下划线方法
    HTML中的下划线曾经是将文本包含在u/u标签中的问题,但是这种方法已被放弃,而更倾向于使用更多功能的CSS。一般来说,下划线被认为是引
  • 关于HTML编码导致的乱码问题介绍

    关于HTML编码导致的乱码问题介绍
    今天一个学弟问了一个问题,它写的HTML代码打开显示的是乱码。 然后就给我发来了代码。 就一个HTML文件和一个文件夹,打开一看,很简单
  • 纯html+css实现Element loading效果的代码

    纯html+css实现Element loading效果的代码
    这是 Element UI loading 组件的效果图,看起来很酷,我们来实现一下! 分析 动画由两部分组成: 蓝色的弧线由点伸展成一个圆,又从圆收缩成
  • HTML+CSS实现导航条下拉菜单的代码

    HTML+CSS实现导航条下拉菜单的代码
    代码中的图片可以自己换的 下拉菜单HTML代码 header class=header div class=header_left img src=img/logo.jpg /div div class=header_right div class=number_right img src
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计