src属性和href属性是在HTML中常用的属性，用于指定网页中外部资源的引用。虽然它们都可以用来引用外部资源，但在使用和功能上却有着不同的用途。
首先，src属性用于指定外部资源在网页中的嵌入方式，常用于引入图片、音频、视频等媒体文件，以及引用JavaScript文件。通过使用src属性，可以将外部资源嵌入到HTML文档中。
下面是一个使用src属性引用图片的例子：
<img src="" alt="图片">
上述代码片段中，src属性指定了图片文件的路径，浏览器会根据src属性的值加载并显示对应的图片。
立即学习“前端免费学习笔记（深入）”；
另外，使用src属性引入JavaScript代码的例子如下：
<script src="script.js"></script>
在上述代码中，src属性定义了引入的JavaScript文件的路径，浏览器会根据src属性的值加载并执行该文件中的JavaScript代码。
相比之下，href属性用于指定外部资源在网页中的链接方式，常用于引入CSS样式表文件，以及创建其他网页之间的链接。
下面是一个使用href属性引入CSS样式表的例子：
<link href="style.css" rel="stylesheet">
在上述代码中，href属性指定了引入的CSS文件的路径，浏览器会根据href属性的值加载并应用该样式表文件中的样式规则。
另外，使用href属性创建链接的例子如下：
<a href="page2.html">跳转到第二页</a>
上述代码中，href属性定义了链接目标的路径，用户点击文本内容时，浏览器会根据href属性的值跳转到对应的网页。
总结起来，src属性多用于引入媒体文件或脚本文件，而href属性则多用于引入样式表文件和创建链接。src属性用于嵌入外部资源，而href属性用于创建与其他网页的连接。正确使用这两个属性可以有效地管理和引用外部资源，并提升网页的功能和美观性。
