p 标签
这个标签定义了一个文本段落。
它是一个块元素。
在它里面，我们可以添加任何我们喜欢的内联元素，如span 或a 。
我们不能添加块状元素。
我们不能将p 元素一个一个地嵌套起来。
默认情况下，浏览器会在段落的顶部和底部设置页边距。在Chrome浏览器中，16px ，但不同浏览器的具体数值可能不同。
这导致两个连续的段落被间隔开来，复制了我们所认为的印刷文本中的 "段落"。
span 标签
这是一个内联标签，可以用来在一个段落中创建一个部分，可以使用CSS来定位。
<p>A part of the text <span>and here another part</span></p>
br 标签
这个标签代表一个断行。它是一个内联元素，不需要一个结束标签。
我们用它在p 标签内创建一个新的行，而不创建一个新的段落。
而且，与创建一个新段落相比，它不会增加额外的间距。
<p>Some text<br>A new line</p>
HTML为我们提供了6个标题标签。从最重要到最不重要，我们有h1,h2,h3,h4,h5,h6 。
通常，一个页面会有一个h1 元素，这是页面的标题。然后你可能有一个或多个h2 ，这取决于页面内容。
标题，特别是标题的组织，对于SEO来说也是至关重要的，搜索引擎以各种方式使用它们。
浏览器默认情况下会将h1 标签渲染得更大，并且会随着靠近h 的数量增加而使元素的大小变小。
所有的标题都是块状元素。它们不能包含其他元素，只有文本。
strong 标签
这个标签用于将其内部的文本标记为强势。这一点相当重要，它不是一个视觉提示，而是一个语义提示。根据使用的媒介，它的解释会有所不同。
浏览器默认情况下会将这个标签中的文本变成粗体。
em 标签
这个标签用于将其内部的文本标记为强调。和strong ，它不是一个视觉提示，而是一个语义提示。
浏览器默认情况下，该标签中的文本为斜体。
引语
blockquote 这个HTML标签对于在文本中插入引文很有用。
浏览器默认对blockquote 元素应用一个边距。Chrome浏览器会应用40px的左右边距，以及10px的上下边距。
q HTML标签用于内联引语。
水平线
并非真正基于文本，但hr 标签经常被用于页面内部。它的意思是horizontal rule ，在页面中添加一条水平线。
对于分隔页面中的部分很有用。
代码块
code 标签对显示代码特别有用，因为浏览器会给它一个单行字体。
这通常是浏览器所做的唯一事情。这是Chrome应用的CSS。
code {
font-family: monospace;
}
这个标签通常被包裹在pre 标签中，因为code 元素会忽略空白和换行。就像p 标签一样。
Chrome给pre 这个默认的样式。
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0px;
}
这可以防止空白处的折叠，并使其成为一个块状元素。
列表
我们有3种类型的列表。
- 无序列表
- 有序列表
- 定义列表
无序列表是用ul 标签创建的。列表中的每个项目都是用li 标签创建的。
<ul>
<li>First</li>
<li>Second</li>
</ul>
有序列表也是类似的，只是用ol 标签制作。
<ol>
<li>First</li>
<li>Second</li>
</ol>
两者之间的区别是，有序列表在每个项目前有一个数字。
定义列表则有点不同。你有一个术语，和它的定义。
<dl>
<dt>Flavio</dt>
<dd>The name</dd>
<dt>Copes</dt>
<dd>The surname</dd>
</dl>
这就是浏览器通常呈现的方式。
我必须说，你很少在野外看到它们，肯定不会像ul 和ol 那样多，但有时它们可能是有用的。
其他文本标签
有一些标签具有展示性的目的。
mark标签ins标签del标签- The
sup标签 - the
subtag small标签i标签- The
b标签
这是一个浏览器默认应用的视觉渲染的例子。
你可能想知道，b 与strong 有什么不同？i 又与em 有什么不同？
区别在于语义上的不同。b 和i 是直接提示浏览器将一段文字变成粗体或斜体，而strong 和em 则赋予文字以特殊的含义，并由浏览器赋予其样式。这恰好与b 和i ，默认情况下是完全一样的。尽管你可以用CSS来改变这一点。
还有一些其他的、不太常用的与文本有关的标签。我只是提到了我看到使用最多的那些。
