在HTML中,我们可以通过<link>
标签来引用外部的CSS文件或者JavaScript文件,以下是一些示例:
1、引用CSS文件:
<link rel="stylesheet" type="text/css" href="mystyle.css">
在这个例子中,rel
属性定义了当前文档与被链接文档之间的关系,type
属性定义了被链接文档的MIME类型,href
属性指定了被链接文档的位置。
2、引用JavaScript文件:
<script src="myscripts.js"></script>
在这个例子中,src
属性指定了被链接文档的位置,注意,<script>
标签通常放在<body>
标签的底部,以确保在执行JavaScript代码时,HTML文档已经被完全加载。
3、引用多个CSS和JavaScript文件:
<link rel="stylesheet" type="text/css" href="style1.css"> <link rel="stylesheet" type="text/css" href="style2.css"> <script src="script1.js"></script> <script src="script2.js"></script>
在这个例子中,我们分别引用了两个CSS文件和两个JavaScript文件。
以上就是如何在HTML中引用外部文件的方法。