whatisthis?

html) href 속성 vs src 속성 (+ css url) 본문

WEB STUDY/HTML,CSS

html) href 속성 vs src 속성 (+ css url)

thisisyjin 2021. 11. 8. 16:50

 


HTML

 

 

 

href=" "

  • <link>태그로 외부 CSS파일을 불러올때 사용
  • <a> 태그에 url을 입력할 때 사용

 

 

src=" "

  • <script>로 외부 js파일을 불러올 때 사용
  • <img>태그에 url을 입력할 때 사용

 

 

link인 경우 href
link가 아닌 경우 (이미지,비디오 등) src

 

 

 

 

 


CSS 

 

 

url( )

 

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

background-image: url("../images/google.png");

 

 

 

 

 

 

 

 

 


 

 

 

REFERENCE

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/link

 

: 외부 리소스 연결 요소 - HTML: Hypertext Markup Language | MDN

HTML 요소는 현재 문서와 외부 리소스의 관계를 명시합니다. 는 스타일 시트를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러가지로 쓰일 수

developer.mozilla.org

 

'WEB STUDY > HTML,CSS' 카테고리의 다른 글

HTML 훈련 - (13) Music Player  (0) 2021.11.10
HTML 훈련 - (12) Gmail Inbox  (0) 2021.11.10
HTML 훈련 - (11) Feed  (0) 2021.11.08
HTML 훈련 - (10) Input Group  (0) 2021.11.08
CSS) CSS opacity(불투명도) attribute (cf. rgba 이용)  (2) 2021.11.04