📅 最后修改于: 2023-12-03 14:41:55.539000 🧑 作者: Mango
在 HTML 中，引用是指引用另外一个文档或资源的方式。在 HTML 中，我们通常使用以下标记来实现引用：
<link> 标签用于引用外部 CSS 文件；<script> 标签用于引用外部 JavaScript 文件；<img> 标签用于引用外部图片文件；<a> 标签用于创建一个链接到另外一个文档或资源。要在 HTML 页面中使用外部 CSS 样式，我们需要使用 <link> 标签。以下是一个例子：
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
在上面的例子中，我们在 <head> 标签中使用了 <link> 标签来引用名为 style.css 的外部样式表文件。
要在 HTML 页面中使用外部 JavaScript 文件，我们需要使用 <script> 标签。以下是一个例子：
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Hello World</h1>
<script src="myscript.js"></script>
</body>
</html>
在上面的例子中，我们在 <body> 标签中使用了 <script> 标签来引用名为 myscript.js 的外部 JavaScript 文件。
要在 HTML 页面中使用外部图片文件，我们需要使用 <img> 标签。以下是一个例子：
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<img src="image.jpg" alt="My Image">
</body>
</html>
在上面的例子中，我们在 <body> 标签中使用了 <img> 标签来引用名为 image.jpg 的外部图片文件。
要在 HTML 页面中创建链接到另外一个文档或资源，我们需要使用 <a> 标签。以下是一个例子：
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Hello World</h1>
<a href="http://www.example.com">Visit Example.com</a>
</body>
</html>
在上面的例子中，我们在 <body> 标签中使用了 <a> 标签来创建了一个链接到 http://www.example.com 这个网站的文档或资源。