跳转至

HTML 字体标签和超链接

字体标签

特殊字符(转义字符)

  •  :空格(non-breaking space)
  • &lt;:小于号 <
  • &gt;:大于号 >
  • &amp;:符号 &
  • &quot;:双引号 "
  • &apos;:单引号 '
  • &copy;:版权符号 ©
  • &trade;:商标符号
  • &#32464;:文字“绐”(汉字 Unicode 编码)

下划线、中划线、斜体

  • <u>:下划线
  • <s><del>:中划线(删除线)
  • <i><em>:斜体

粗体标签

  • <b><strong>:粗体(已废弃)

字体标签 <font>(已废弃)

  • color:设置字体颜色,可以是颜色名称、十六进制值或 RGB 值。
  • size:设置字体大小,取值范围为 1 到 7。
  • face:设置字体类型。

示例代码:

HTML
1
<font face="微软雅黑" color="#FF0000" size="4">文字示例</font>

上标 <sup> 和下标 <sub>

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

示例代码:

HTML
1
O<sup>2</sup>   5<sub>3</sub>

超链接标签 <a>

外部链接

  • 用于链接到外部文件或网页。

示例代码:

HTML
1
<a href="http://www.example.com" target="_blank">点击这里</a>

锚链接

  • 链接到页面内或其他页面的特定位置。

示例代码:

HTML
1
2
<a href="#section1">跳转到某个位置</a>
<a href="page.html#section1">跳转到另一个页面的某个位置</a>

邮件链接

  • 链接到电子邮件。

示例代码:

HTML
1
<a href="mailto:[email protected]">发送邮件</a>

超链接的属性

  • href:目标 URL。
  • title:悬停文本。
  • target:打开方式,如 _self(当前页面)、_blank(新窗口)、_parent(父窗口)、_top(顶级窗口)。

示例代码:

HTML
1
<a href="http://www.example.com" title="示例网站" target="_blank">示例链接</a>

注意事项

  1. <a> 是文本级标签,通常在段落内使用,不应包含块级标签。
  2. 段落内应包含 <a>,而非反过来:
  • 正确:
    HTML
    1
    <p><a href="#">段落文字</a></p>
    
  • 错误:
    HTML
    1
    <a href="#"><p>段落文字</p></a>