HTML文档主体＜body＞标签汇总1--（标题、段落、文本、超链接）

html标签选择的原则：从语义的角度选择，而不是外观

HTML是一种标记语言。整个文档内容由一个又一个的元素构成。开始标签和结束标签及标签中的内容构成一个元素，例如：<p>文本</p>就是一个元素。

HTML5对标签有较为严格的要求，每个标签必须有相应的结束标签，且标签内元素和素性的名字必须使用小写，例如<p>文本</p>。

1.标题标签

h元素用于设置网站的各级标题。

文档的标题或关键字：<h1></h1>~<h6></h6>；

其中<h1></h1>表示一级标题，网站上最重要的标题使用<h1></h1>，依次递减。

2.段落与换行标签

段落标签用来显示一段文字，换行标签可以让标签后的文字换行显示。

段落标签：<p>段落</p>

换行标签：<br>或<br />

水平线标签：<hr>或<hr />

水平线标签用于生成一条水平线

（在xhtml中要求较为严格，要求单标签必须带上"/"作为结束，而在html5中则没有这样的要求）

两个段落文本与换行的区别是两个段落之间行距较大，而换行两行间距较小。一般，p标签是用来给文字分段，而br标签是用来给文字换行。

3.文本标签

文本标签用于设置各种文字格式。

加粗：<b></b>或<strong></strong>

`b`标签和`strong`标签都是文字加粗效果，根据html根据语义选择标签原则，加粗效果一般使用`strong`标签，而`b`标签只作区别于其他文本作用。

斜体：<i></i>或<em></em>

`i`标签和`em`标签都是文字斜体效果，根据html根据语义选择标签原则，斜体效果一般使用`em`标签，而`i`标签只作区别于其他文本作用。

下划线标签：<u></u>

删除线标签：<del></del>

长引用标签：<blockquote></blockquote>

短引用标签：<q></q>

长引用标签和短引用标签的区别是`blockquote`是块级标签，`q`是内联标签且带有双引号

缩写标签：<abbr></abbr>

缩写标签的效果为鼠标悬停在缩写元素内容时出现详细提示

作者联系方式标签：<address></address>

`address`标签用来注明作者信息或地址信息，用于区别于其他文本并区别于别的文本标签

上标标签：<sup></sup>

下标标签：<sub></sub>

代码块标签：<pre></pre>

代码行标签：<code></code>

`pre`和`code`的区别是`pre`是块级标签，`code`是内联标签

他们的所有效果如下：

可以看到在效果图中有些文本独占一行；而有些文本会与其他相邻文本相连同在一行，直到一行容不下才换行。这便是HTML中的块级元素与内联元素*的区别。详细信息可参考html中内联元素和块级元素的区别。

4. 超链接标签

超链接是网站十分重要的内容导航基础，分为外部链接和内部链接两部分

外部链接：<a href="链接位置" title="链接描述" target="目标">链接文字</a>

href中的内容为要跳转的目标位置链接，title的描述效果跟缩写标签一样，鼠标悬停在链接上时出现链接描述，target作详细介绍

target：<a href=“” target=“_blank/_self/_parent/_top”></a>

值	描述
_blank	在新窗口中打开链接。
_self	在原来的窗口打开链接（默认）。
_parent	在父窗口中打开链接。
_top	在顶层窗口中打开链接。

a标签的使用不一定是指向另一个网站，还能用于发送邮件：
<a href="mailto:test@qq.com">发送邮件</a>

上面介绍了a标签在外部链接上的用法，外部链接指向的是“外部网站的文档”；a标签还有一种指向“自身网站的文档”的用法，即内部链接：

（1）锚点链接：<a href="#top">回到顶部</a> <div id="top">顶部的链接</div>

当文档页面过长用鼠标滚动查询信息就会极不方便，一个锚点链接能帮助用户快速找到想要查找的内容的位置。

锚点链接的href指向当前页面的某个位置，只需要在文档中设置一个id属性值与href相同，用户点击链接后，页面就会滚动到id所在文档处（id可设置在p、h1~h6、div等标签的开始标签中）。

（2）相对路径、绝对路径：

相对路径：从当前文件开始的位置

相对路径是从当前文档跳转到同一网站的另一个文档，或者说跳转自己的另一个HTML文件

例：


绝对路径：从站点根目录开始的路径，开始符号是“/”,例如任何位置都可以使用/support/contents.html直接链接到contents.html文档

网站的内部链接一般使用的都是相对路径，而不是绝对路径，因为每次都是从当前文档跳转到另一个文档，如果使用绝对路径，每当文件目录改变都要作相应的改变，增加工作量。