下面是一个基本的例子：

```html Hello, World!```

在这个例子中，`styles.css`是外部CSS文件的名称，它应该与HTML文件位于同一目录下。如果您的外部CSS文件位于不同的目录，您需要提供正确的路径。

例如，如果CSS文件位于一个名为`css`的子目录中，您需要这样写：

```html```

或者，如果CSS文件位于上级目录中，您需要这样写：

```html```

确保您的CSS文件路径是正确的，否则浏览器将无法正确加载样式。

HTML外部链接CSS：实现页面样式分离与优化

在网页设计中，CSS（层叠样式表）是用于描述HTML文档样式的语言。通过使用CSS，我们可以将HTML文档的结构和样式分离，使得网页内容与样式更加清晰、易于维护。本文将详细介绍如何在HTML中链接外部CSS文件，实现页面样式的分离与优化。

什么是外部链接CSS

外部链接CSS的优势

1. 代码结构清晰：将CSS样式与HTML内容分离，使得代码更加易于阅读和维护。

2. 重复利用：外部链接CSS可以应用于多个页面，提高开发效率。

3. 加载速度快：浏览器可以缓存外部CSS文件，减少重复加载，提高页面加载速度。

4. 便于管理：修改外部CSS文件后，所有链接该文件的页面都会自动更新样式。

如何链接外部CSS文件

1. 创建CSS文件：首先，我们需要创建一个CSS文件，例如`styles.css`。

2. 编写CSS样式：在`styles.css`文件中，编写所需的CSS样式代码。

以下是一个示例代码：

```html