href, src, url의 차이

href=" "

<link> 태그로 외부 CSS 파일을 불러올 때 사용
<a> 태그에 홈페이지 등의 주소를 입힐 때 사용

<a href="https://www.google.com/">GOOGLE</a>

src=" "

<script> 태그로 외부 JS 파일을 불러올 때 사용
<img> 태그에 파일 디렉토리 경로의 특정 이미지를 지정할 때 사용

<img src="../images/google.png"/>

url( )

CSS 코드 또는 HTML의 <style> 에서 특정 파일을 불러올 때 사용

#g {background-image: url("../images/google.png");}
<div id="g" style="background-image: url(../images/google.png);"></div>