web前端之HTML5 入门（4）：HTML标题、链接、段落和文本格式化

HTML（正文）标题、水平线和注释

在 HTML 文档中，标题很重要。

正文标题（Heading）是通过 <h1> - <h6> 标签进行定义的，<h1> 定义最大的标题。 <h6> 定义最小的标题。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

• HTML 标题标签最好只用于标题。不要为了生成粗体或大号的文本而使用标题。
• 搜索引擎会使用标题为您的网页的结构和内容编制索引。
• 用户可以通过标题来快速浏览您的网页

HTML 水平线和注释：
<hr> 标签在 HTML 页面中创建水平线，用于分隔内容。
<!> 注释中开始括号之后（左边的括号）需要紧跟一个叹号，如下：
下面举一个标题的例子：

HTML段落和换行

段落是通过 <p> 标签定义的，分割为若干段落。

注意：浏览器会自动地在段落的前后添加空行。（</p> 是块级元素）

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

如果希望在不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签（没有结束标签）：

HTML文本格式化

HTML 文本格式化标签：

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

HTML “计算机输出” 标签：

标签	描述
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本

HTML 引文, 引用, 及标签定义：

大致举个例子展示如下：

HTML链接

HTML 使用超链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML使用标签 <a>来设置超文本链接。在标签<a> 中使用了href属性来描述链接的地址。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

默认情况下，链接将以以下形式出现在浏览器中：

• 一个未访问过的链接显示为蓝色字体并带有下划线
• 访问过的链接显示为紫色并带有下划线
• 点击链接时，链接显示为红色并带有下划线

注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。

HTML 链接语法：

<a href="url">链接文本</a>         #<a>标签的链接语法,"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
 <a href="http://www.runoob.com/">百度首页</a>

上面这行代码显示为：百度首页

<a>标签的target 属性，target="_blank"表示新窗口打开文档

HTML 链接- id 属性
在HTML文档中插入ID:

<a id="tips">顶部</a>

在HTML文档中创建一个链接到"顶部(id=“tips”）"：

<a href="#tips">回到顶部</a>

或者，从另一个页面创建一个链接到"有用的提示部分(id=“tips”）"：

<a href="http://www.runoob.com/html/html-links.html#tips">
访问有用的提示部分</a>

最后注意：

请始终将正斜杠添加到子文件夹（末尾）。假如这样书写链接：href=“http://www.runoob.com/html”，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=“http://www.runoob.com/html/”。

举一些栗子：
当前页面跳转到指定位置：

跳出框架：
文本（图像）链接和新窗口打开