<p> 标签表示文本的段落，段落通常在可视媒体中表示为文本块，是块级元素。
<p> 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
注意：<p> 标签与 <br> 标签都有换行的意思，不同的是 <p> 标签是大换行（分段），<br> 标签是小换行。
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <p>这是一个段落。</p> <p>这是另外一个段落。</p> </body> </html>
<br> 标签是空标签，可插入一个简单的换行符。
<br> 标签插入一个简单的换行符。
<br> 标签是一个空标签，意味着它没有结束标签，所以一般会写<br/>：在标签内结束
<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。
提示：在写地址信息或者写诗词时 <br> 标签非常有用。
注释： 请使用 <br> 标签来输入空行，而不是分割段落。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <p> 使用br元素<br>在文本中<br/>换行。 </p> </body> </html>
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
在早先发布的html规范中<br>/<hr>/<img>等标记元素是无需“封闭自身”的，这就造成了html规范本身的不严谨，所以后来参考了更规范的XML语言的语法推出了xhtml。
在xhtml中所有类似br这样的孤立标签都需要自行封闭，具体的做法就是在标签名字的后面跟个“/”，例如<br />，因此，是没有</br>这个写法的。从逻辑上讲<br />=<br>...</br>，这样做的目的是为了尽量减少网页的代码量，同时保持逻辑严谨。
按照xhtml的标准，标签都必须成对出现，不能成对的标签也需要结束符
所以br的写法包括<br></br><br />
其实你写个代码测试一下就知道，<br></br>这样写不表示换行一次，而是两次
HTML是SGML的子集，SGML允许标签没有结束标签，而换行符元素正好不需要内嵌元素，也就不需要结束标签。所以在HTML中，应该写成<br>。
XHTML是XML的子集，在XML中，标签必须要有结束标签。所以在XHTML中只写<br>是不符合语法的，必须写成<br></br>或简写成<br/>。
在XHTML的发展过程中，要做到兼容旧的HTML浏览器。而旧的HTML浏览器不理解（错误理解）这两种写法，对于第一种写法，某些浏览器估计会理解成两个<br>标签（我没有资料证明这一点），对于第二种写法，某些浏览器会理解成一个叫"br/"的标签。所以在兼容HTML的XHTML中我们通常把它写成<br />，这样在HTML解析中会理解成有一个叫"/"的属性的"br"标签，在XML解析中仍然会理解成<br></br>的简写，达到了两全其美的效果。
浏览器支持
所有浏览器都支持 <br> 标签。
HTML 与 XHTML 之间的差异
在 HTML 中，<br> 标签没有结束标签。
在 XHTML 中，<br> 标签必须被正确地关闭，比如这样：<br />。
该标签已经过时，因此我们不建议您使用该标签。
HTML5 不支持 <font> 标签。请用 CSS 定义文本的字体、尺寸、颜色。
在 HTML 4.01 中，<font> 元素废弃。
<font> 标签规定文本的字体、字体尺寸、字体颜色。
可选的属性
|
属性 |
值 |
描述 |
|---|---|---|
|
color |
rgb(x,x,x) #xxxxxx colorname |
HTML5 不支持。HTML 4.01 已废弃。 规定文本的颜色。 |
|
face |
font_family |
HTML5 不支持。HTML 4.01 已废弃。 规定文本的字体。 |
|
size |
number |
HTML5 不支持。HTML 4.01 已废弃。 规定文本的尺寸。 |
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <p><font size="3" color="red">这是一些文本！</font></p> <p><font size="2" color="blue">这是一些文本！</font></p> <p><font face="verdana" color="green">这是一些文本！</font></p> </body> </html>
<html> 标签用于创建一个 HTML 文档
<html> 标签告知浏览器这是一个 HTML 文档。
<html> 标签是 HTML 文档中最外层的元素。
<html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。
属性
New ：HTML5 中的新属性。
|
属性 |
值 |
描述 |
|---|---|---|
|
manifestNew |
URL |
定义一个 URL，在这个 URL 上描述了文档的缓存信息。 |
|
xmlns |
http://www.w3.org/1999/xhtml |
HTML 不支持。只有 XHTML 支持。规定 XML 的 namespace 属性（如果您需要您的内容符合 XHTML，则使用这个属性。）。 |
全局属性
<html> 标签支持 HTML 的全局属性。
<head> 标签包含关于 HTML 文档的一般信息（元数据），这些数据可以是：标题、指向脚本和样式表的链接。
<head> 元素是所有头部元素的容器。
<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息 以及其他更多的信息。
以下列出的元素能被用在 <head> 元素内部：
<title> （在头部中，这个元素是必需的）
<style>
<base>
<link>
<meta>
<script>
<noscript>
属性
|
属性 |
值 |
描述 |
|---|---|---|
|
profile |
URL |
HTML5 不支持。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取 <meta> 标签的内容属性中的信息。 |
全局属性
<head> 标签支持 HTML 的全局属性。
<body> 标签表示 HTML 网页的主体部分，该标签内的内容使用户可以看到的。
一个 HTML 文件只能存在一个 <body> 标签。
<body> 标签定义文档的主体。
<body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
一个html中由两部分组成，一个是head部分，一个是body部分
<title> 标签定义HTML文档的标题，通常体现了网页的主题内容，浏览器会以特殊的方式来使用标题，并且通常它显示在浏览器窗口的标题栏或状态栏上。
<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。
<title>元素：
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题
提示和注释
注释：一个 HTML 文档中不能有一个以上的 <title> 元素。
提示：如果您遗漏了 <title> 标签，文档作为 HTML 是无效的。
提示：当把文档加入用户的链接列表或者收藏夹或书签列表时，<title> 标签的内容将成为该文档链接的默认名称。
全局属性
<title> 标签支持 HTML 的全局属性。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>你好吗？我很好！</title> </head> <body> <p><font size="3" color="red">这是一些文本！</font></p> <p><font size="2" color="blue">这是一些文本！</font></p> <p><font face="verdana" color="green">这是一些文本！</font></p> </body> </html>
<hr> 标签表示段落级元素之间的主题划分。
<hr>标签定义HTML页面中的主题变化（比如话题的转移），并显示为一条水平线。
------------恢复内容结束------------
原文：https://www.cnblogs.com/pinkowonote/p/12386510.html