在HTML中链接CSS代码，通常使用``标签在HTML文档的``部分中引用外部CSS文件，以下是一个示例：
<!DOCTYPE html> <html> <head> <title>我的网页</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>欢迎来到我的网页！</h1> <p>这是一个段落。</p> </body> </html>
在这个例子中，``标签的`rel`属性定义了当前文档与被链接文档之间的关系，这里是"stylesheet"，表示被链接的文档是一个样式表，`type`属性定义了被链接文档的媒体类型，对于CSS，这个值通常是"text/css"，`href`属性则定义了被链接文档的位置，这里是一个名为"styles.css"的文件，该文件应该与HTML文件在同一个目录下。
如果你的CSS代码非常短，你也可以直接在HTML文件中使用``标签将其嵌入到``部分，如下所示：
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {
background-color: lightblue;
}
h1 {
color: navy;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个段落。</p>
</body>
</html>
在这个例子中，CSS代码直接写在``标签之间，并应用到HTML文档的``和``元素上。
