1. HTML中href与src的概念
HTML是一种用于创建Web页面的标记语言。它使用标签和属性来定义不同部分的页面，其中包括用于超链接的<a>标签和用于引入外部资源的<script>、<link>和<img>标签。其中，<a>标签中的href属性和<img>、<link>标签中的src属性是HTML中两种最常见的属性，它们的作用分别是：
href属性：用于在HTML文档中创建超链接，把一个页面链接到另一个页面或同一页面内的不同部分。
src属性：用于引入外部资源，如图片、样式表、脚本文件等。
2. href与src的区别
虽然href和src都是HTML中的重要属性，但它们具有不同的用途和行为。
2.1 Href的作用
Href用于创建超链接，它可以把一个页面链接到另一个页面或同一页面内的不同部分。当用户单击带有href属性的链接时，浏览器会跳转到指定的页面或位置。
<a href="http://www.example.com">跳转到一个页面</a>
<a href="#section1">跳转到同一页的指定位置</a>
第一个例子是跳转到另一个页面，而第二个例子是跳转到同一页的指定位置。
注意：使用href创建超链接时，需要加上链接地址，它可以是一个绝对路径，也可以是相对路径。如果以“#”开头，表示跳转到同一页的指定位置。此外，href还可以用于JavaScript代码执行，它可以把JavaScript代码嵌入到链接中执行。
2.2 Src的作用
Src用于引入外部资源，如图片、样式表、脚本文件等。当浏览器解析HTML文档时，它会发现带有src属性的标签，并从指定的URL加载资源。
<img src="img/logo.png" alt="logo">
<link rel="stylesheet" href="css/style.css">
<script src="js/main.js"></script>
上面的代码中，<img>标签使用src属性加载图片，<link>标签使用href属性引入样式表，<script>标签使用src属性引入脚本文件。
注意：使用src引入资源时，需要指定资源的路径，它可以是一个绝对路径，也可以是相对路径。如果路径以“/”开头，表示以Web站点的根目录为基础，否则表示相对文件所在的目录为基础。
3. 总结
HTML中的href和src属性都是非常重要的属性，它们分别用于创建超链接和引入外部资源。href属性可以链接到不同页面或同一页面中的指定位置，而src属性则用于加载图片、样式表、脚本文件等外部资源。使用href和src时，需要根据需要来选择合适的属性和正确的路径。