html标签 通过实例掌握BR和P标签的区别

<br>是换行，<p>是段落。换行后<br>不会空行，而<p>换行后会空一行。

我们拿案例来说：标准体重计算公式

这个页面利用了p标签与br标签，他们用的P标签后，就出现了段落分行，而且这个间距是明显的，下图：

也就是说，一个<P></P>组合标签，就是明显的段落分行，而</br>就有区别了，看图

看完上面的图一就会一目了然，用p标签后，两行之间的距离明显是大于br标签的，通过js的OffsetHeight属性计算后发现，不加css与任何样式的p标签与br标签，用P标签后其两行之间的高度明显是大于br标签的，而且是br的两倍。

那么不难理解的是，p标签更适合用在段落分行，而br只适合用在强行换行或许一段文章要换行的地方。

一、那么，我们综合介绍一下br 与p 

首先，相同之处是br和p都是有换行的属性及意思

其次，区别<br />是只需一个单独使用，而<p>和</p>是一对使用

再次，br标签是小换行提行，p标签是大换行（分段）各行作用。

Br实例，特别注意是br的web标准是<br />,而如果用<br>没有"/"虽然效果相同，但是是不符合w3c标准的。

这个是<p>标签实例，可以看出使用html p标签是换了一个大行，有一个空白行样式。

在未对p设置css样式时候，一般使用一个<p>段落标签效果等于使用两个<br />换行标签效果。

使用p标签的时候需要注意的是需要<p>和</p>是一对配合使用的，可见以上图例即可了解与理解。

当然可以让p标签换行与br换行一样没有空白，可以使用css对对应p标签进行设置margin:0padding:0即可实现，实例p{ margin:0padding:0}，即可实现<p>等于一个<br />。

P和Br都有换行作用，p标签是段落标签，br是强制换行标签。

二、<P>和<br />标签区别 

P是使用一对<p></p>组合标签，而br独立一个<br />闭合标签。

1、P段落标签介绍

通常文章中段落区分明显上段文字与下段文字有一定间隔我们就可以对上下段文字都使用p标签，我们使用p段落标签，在一段文字开始前使用

<p>，在这段文字结束加个</p>标签。段落p标签将让上段与下段文字有一定距离，大概是两倍line-height行高距离。

2、Br强制换行标签介绍

区别于p段落标签，br标签我们用于文段换行排版。换行后上下行文字距离是按line-height行高实现间距。

通常同等初始化下网页里，要实现上下文字间隔相同，2个br换行标签相当于使用p段落标签。

具体来说，p和br都有换行作用，p标签是段落标签，br是强制换行标签。<p></p>是成对的，<br/>是单个的。

打字不易，我用了20分钟写了这篇回答，希望采纳 谢谢！

在HTML中a标签就是<a></a>或者大写字母A 。其中的a是 anchor 的缩写 。这些标签的作用是标明超连接的起始位置或目的位置。

<a> 标签可定义锚。锚有两种用法：

通过使用 href 属性，创建指向另外一个文档的链接通过使用 name 或 id 属性，创建一个文档内部的书签<a>元素最重要的属性是 href 属性，它指定链接的目标。

在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的。

扩展资料:

html的a标签实例：

<a name="tips">Useful Tips Section</a>然后，我们创建指向相同文档中“有用的提示”部分的链接。

<a href="#tips">Visit the Useful Tips Section</a>或者，创建从另一个页面指向该文档中“有用的提示”部分的链接。

<a href="url/#tips">Visit the Useful Tips Section</a>在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

参考资料：HTML的a标签-百度百科

定义

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

用法

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。

不必为每一个 <div>都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div>元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

实例

文档中的一个部分会显示为绿色：

<div style="color:#00FF00">

<h3>This is a header</h3>

<p>This is a paragraph.</p>

</div>

---