首先，我們需要在HTML代碼中包含一個樣式表文件。這個文件應該包含CSS樣式的代碼，以及任何其他需要使用樣式的HTML元素。例如，一個簡單的HTML文件可能包含以下內容：
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<style>
/* CSS樣式代碼 */
</style>
</head>
<body>
<!-- HTML元素 -->
</body>
</html>
在這個例子中，我們使用了`<style>`標簽來引入CSS樣式。`<style>`標簽中的內容將直接應用于HTML元素，并定義了元素的樣式。
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- HTML元素 -->
</body>
</html>
在這個例子中，`<link>`標簽中的` rel="stylesheet" type="text/css"`屬性指定了樣式表文件的路徑。`href`屬性指定了樣式表文件的路徑。這樣，當HTML代碼需要更新樣式時，只需更新樣式表文件的路徑即可。
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
</head>
<body>
<!-- HTML元素 -->
</body>
</html>
在這個例子中，`<link>`標簽、`<script>`標簽和`<style>`標簽都被添加到了`<head>`標簽中。這樣，當HTML代碼被加載時，CSS樣式將自動加載并應用。