<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>使用图标代码的HTML页面</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-LPGks542o+S6MrB4DQ4b6ywGprltjh5Y0lKTlS/s0BD5jp5zHwMnDKW7zNnLqcFZoALNaCGvX8WDE37r2K53Q==" crossorigin="anonymous" />
</head>
<body>
<p>
<i class="fas fa-check"></i>
这是一个检查标志。
</p>
<p>
<i class="fas fa-fire"></i>
这是一个火焰图标。
</p>
</body>
</html>
上面代码中的link元素包含了 Font Awesome 图标库的 CSS 文件，这意味着所有 Font Awesome 字体都现在就可用了。然后，我们可以使用i元素和指定的类名来添加所需的图标。
请注意，通过在i元素中添加一个空标签，我们在文本中创建了一个空间，使图标与文本分离。您可以在以下网站上查找 Font Awesome 集合的定制选择和更改类名：https://fontawesome.com/icons?from=io。
这是一个简单的介绍如何在HTML文档中使用图标代码。现在，您可以探索更多的图标库，并在您的网页上显示漂亮的图标了。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
