본문 바로가기

프론트엔드개발/HTML,CSS,BS

[HTML]step.5 절대 경로 vs 상대경로

[절대경로] 모든 경로를 써주는 것

<img src = "/Users/admin/Desktop/test.txt>

 

[상대경로]  지금 실행 하고 있는 파일을 기준으로 해당 폴더에 접근후 써주는것, 

-같은 폴더 일때,현재경로

 <img src="./test.txt">

<img src = "Desktop/test.txt">


-해당파일이 하위 디렉토리 있을경우 

<img src = "Desktop/test.txt">

 

-해당파일이 상위 디렉토리에 있을경우 (상대경로 ../ 갯수는 상위 폴더의갯수임)

<img src = "../../../test.txt">

 

 

여기까지 감사합니다.

 

 

====================================================

출처: IT UP, 코딩이 처음이어도 괜찮아! 진짜 입문자를 위한 웹개발과 IT 기초 지식
https://itup.co.kr/rv1/k-digital/main/lecture/info?course_uid=912417&education_uid=52212

잔재미코딩

https://www.fun-coding.org/

반응형