HTML标签：字体标签和超链接

本文主要内容

字体标签：<font>、<b>、<u>、<sup>、<sub>

超链接 <a>

字体标签

特殊字符（转义字符）

•  ：空格（non-breaking spacing，不断行空格）
• <：小于号 <（less than）
• >：大于号 >（greater than）
• &：符号 &
• "：双引号
• '：单引号
• ©：版权 ©
• ™：商标 ™
• 绐：文字 绤。其实，#32464 是汉字 绤 的unicode编码。

比如说，你想把 <p> 作为一个文本在页面上显示，直接写 <p> 是肯定不行的，因为这代表的是一个段落标签，所以这里需要用到转义字符，应该这么写：

<p>

下划线、中划线、斜体

• <u>：下划线标记
• <s> 或 <del>：中划线标记（删除线）
• <i> 或 <em>：斜体标记

粗体标记

<b> 或 <strong>：粗体标记

上标和下标

• <sup>：上标
• <sub>：下标

例如：

水的化学式是：H<sub>2</sub>O

显示效果：水的化学式是：H₂O

font 标签

<font> 标签用于规定文本的字体、字体尺寸、字体颜色。

<font face="宋体" size="5" color="red">这是一些文本</font>

属性：

• face：字体
• size：文本的尺寸，取值范围：1-7，默认值是3
• color：文本的颜色

注意：<font> 标签在 HTML5 中已被废弃，建议使用 CSS 来定义文本的样式。

超链接

<a> 标签用于定义超链接，作用是从一个页面链接到另一个页面。

<a href="http://www.example.com">这是一个链接</a>

超链接的属性

• href：指定链接的目标地址
• target：指定链接的打开方式
  • _self：默认值，在当前窗口打开
  • _blank：在新窗口打开
  • _parent：在父窗口打开
  • _top：在顶级窗口打开
• title：鼠标悬停时显示的文本

超链接的分类

1. 外部链接：链接到外部网站

<a href="http://www.example.com">外部链接</a>

2. 内部链接：链接到本网站的其他页面

<a href="about.html">关于我们</a>

3. 锚点链接：链接到当前页面的某个位置

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

4. 邮件链接：点击后打开邮件客户端

<a href="mailto:example@example.com">发送邮件</a>

5. 电话链接：点击后拨打电话（主要用于移动端）

<a href="tel:123456789">拨打电话</a>

锚点详解

锚点可以让用户快速定位到页面中的某个位置。

1. 首先，在目标位置定义一个 id：

<h2 id="part2">第二部分</h2>

2. 然后，创建一个链接到该位置的超链接：

<a href="#part2">跳转到第二部分</a>

也可以链接到其他页面的指定位置：

<a href="page.html#part2">跳转到 page.html 的第二部分</a>

总结

字体标签和超链接是 HTML 中非常基础和常用的标签。虽然现代 HTML5 推荐使用 CSS 来控制文本样式，但了解这些基础标签对于理解 HTML 的发展和结构仍然很重要。

超链接是互联网的核心，它使得网页之间可以相互连接，形成一个庞大的信息网络。掌握超链接的使用对于网页开发至关重要。