[HTML] src 삽입의 경로

상대경로

<img src="file.png">

-> 이미지가 현재 작업중인 html파일과 같은 폴더 안에 있을 때

 

<img src="./img/file.png">

-> ./ : 현재 작업중인 html 파일이 들어있는 폴더 안에

-> img/ : 'img'폴더 안에 이미지가 있을 때

 

<img src="./img/img2/file.png">

-> ./ : 현재 작업중인 html 파일이 들어있는 폴더 안에

-> img/ : 'img'폴더 안에

-> img2/ : 'img2'폴더 안에 이미지가 있을 때

<img src="../file.png">

-> ../ : 현제 작업중이  html 파일이 들어있는 폴더의 이전 폴더 안에 이미지가 있을 때

 

 

절대경로 

<img src="C:/source/img/file.png">

-> 현재 작업중인 기기의 C드라이브 안에서 파일경로를 가져온 경우

--> 파일 경로는 실제 파일의 속성에서 가져올 수 있다.

 

<img src="http://web.com/img/file.png">

-> 도메인 주소 안의 파일 안에서 이미지 파일을 가져온 경우