html标签怎么用

作者：至尊巅峰发布日期:2025-11-26 浏览:67

<!DOCTYPE html>
<html>
<head>
    <!-- 引入外部CSS文件 -->
    <link rel="stylesheet" href="styles.css">
    <!-- 引入图标文件 -->
    <link rel="icon" href="favicon.ico">
    <!-- 引入预加载的资源 -->
    <link rel="preload" href="image.jpg" as="image">
    <!-- 引入苹果触摸图标 -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
</head>
<body>
    <h1>HTML <link> 标签示例</h1>
    <p>这是一个使用 <code>&lt;link&gt;</code> 标签的 HTML 示例。</p>
</body>
</html>

解释说明：

<link rel="stylesheet" href="styles.css">：用于引入外部 CSS 文件，href 属性指定了 CSS 文件的路径。
<link rel="icon" href="favicon.ico">：用于指定网页的 favicon 图标，通常显示在浏览器标签页上。
<link rel="preload" href="image.jpg" as="image">：用于预加载资源，以提高页面性能。as 属性指定了资源的类型。
<link rel="apple-touch-icon" href="apple-touch-icon.png">：用于指定苹果设备上的触摸图标。

上一篇：html下拉列表

下一篇：html设置背景颜色