通过实例掌握BR和P标签的区别
互联网 发布时间:2008-10-17 18:57:12 作者:佚名
我要评论
![](/skin/2018/images/text-message.png)
换行标记<br>的使用
换行标记<br>是一个没有结尾的标记,HTML文件中任何位置只要使用了<br>标记,当文件显示在浏览器中时,该位置之后的文字将显示于下一行,该<br>标记就是起到换行的标记!
请注意!在一般的文字文件中,只要按下键盘上的En
换行标记<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>
这样就可以看到效果了,看出来了吗?
相关文章
- 本文主要介绍了html table+css实现可编辑表格的示例代码,主要使用HTML5的contenteditable属性,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习2024-03-06
- 本文主要介绍了HTML中使用Flex布局实现双行夹批效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习2024-02-22
- 在网站开发中,登录页面是必不可少的一部分,本文就来介绍一下HTML+CSS实现登录切换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需2024-02-02
- 本文主要介绍了HTML+CSS实现全景轮播的示例代码,实现了一个简单的网页布局,其中包含了五个不同的盒子,每个盒子都有一个不同的背景图片,并且它们之间有一些间距,下面就2024-02-02
- 来到圣诞节了,那么就可以制作一颗HTML的圣诞树送给朋友,没有编程基础的小白也可以按照步骤操作也可以运行起来代码的,喜欢的朋友快来体验吧2023-12-26
- 如何能把html的<input type="radio" name="option">改成自定义的样式呢?比如想要把他变成正方形,选中的时候是对号,默认的样式太丑了,今天给2023-12-14
- 这篇文章详细的为大家介绍了HTML以及总结了HTML常用标签,包括标题、段落、图片、链接、列表、表格、表单等,通过代码示例给大家介绍的非常详细,需要的朋友可以参考下2023-11-20
- HTML文档声明的作用就是告诉浏览器使用哪种HTML版本来显示网页,文档声明都是再页面中第一行的位置通过DOCTYPE html,下面脚本之家小编就为大家分享一下2023-11-17
- 如果您正在学习HTML,那么您可能需要一些相关的代码来帮助您构建复杂的页面并将其结构化为各种元素,在本文中,我们将分享一些HTML代码片段,这些片段可用于创建各种功能和2023-11-17
- CSS 样式既可以作为单独的文件(.css类型的文件)引入到 HTML 文档中,本文主要介绍了HTML嵌入CSS样式的四种实现方法,具有一定的参考价值,感兴趣的可以了解一下2023-11-03
最新评论