src屬性和href屬性是在HTML中常用的屬性，用于指定網頁中外部資源的引用。雖然它們都可以用來引用外部資源，但在使用和功能上卻有著不同的用途。
首先，src屬性用于指定外部資源在網頁中的嵌入方式，常用于引入圖片、音頻、視頻等媒體文件，以及引用JavaScript文件。通過使用src屬性，可以將外部資源嵌入到HTML文檔中。
下面是一個使用src屬性引用圖片的例子：
<img src="image.jpg" 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屬性用于創建與其他網頁的連接。正確使用這兩個屬性可以有效地管理和引用外部資源，并提升網頁的功能和美觀性。
