在HTML中调用CSS和JS的方式包括：使用link标签引用外部CSS文件、在head标签中嵌入内部CSS样式、使用script标签引用外部JS文件、在body标签中嵌入内部JS脚本。以下我们将深入探讨每一种方法，并列出它们的具体使用场景及优缺点。

其中，使用link标签引用外部CSS文件是最常见和推荐的方法，因为它可以将样式与内容分离，便于维护和重复使用。通过这一方法，开发者可以将CSS文件存储在一个单独的文件中，并通过link标签在多个HTML文件中引用，从而实现样式的统一和高效管理。

一、使用link标签引用外部CSS文件

在HTML中，使用link标签引用外部CSS文件是最常见的方法之一。这种方法不仅可以将样式与内容分离，还能提高页面的加载速度和维护效率。

1.1、基本用法

Hello, World!

在上述代码中， 标签用于引入名为 styles.css 的外部CSS文件。这样可以将样式信息独立于HTML内容之外，便于维护和复用。

1.2、优点

样式与内容分离：使HTML文件更简洁，增强代码的可读性。

便于维护：可以在一个地方集中管理样式，修改样式时只需更改CSS文件。

复用性强：多个HTML文件可以共享同一个CSS文件，减少重复代码。

1.3、注意事项

路径问题：确保CSS文件的路径正确，否则样式不会生效。相对路径和绝对路径都可以使用，但要注意它们的区别。

缓存问题：浏览器会缓存CSS文件，这有助于提高页面加载速度，但在修改CSS文件后可能需要清除缓存才能看到效果。

二、在head标签中嵌入内部CSS样式

除了使用外部CSS文件，还可以将CSS样式直接嵌入到HTML文件的head标签中。这种方法适用于小型项目或临时样式调整。

2.1、基本用法

Hello, World!

在上述代码中，

然后在