在 HTML 文档中链接一个外部样式表需要使用哪些标签和属性？请以完整的 HTML 代码形式输出，并注释说明每个部分的作用。
user
```html
<!DOCTYPE html>
<html>
<head>
    <!-- 链接手外部样式表的链接标签，用于引入外部 CSS 文件 -->
    <link rel="stylesheet" href="styles.css" type="text/css">
    <!-- rel 属性规定当前文档与被链接文档之间的关系，"stylesheet" 表示被链接的文档是一个样式表 -->
    <!-- href 属性指定外部样式表文件的 URL，这里是 "styles.css" -->
    <!-- type 属性定义被链接文档的 MIME 类型，这里是 "text/css" 表示 CSS 样式表，虽然这是可选的，但仍然推荐使用 -->
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>
```
assistant