HTML 사진 경로 지정하기

losuif·2021년 8월 10일
0
post-thumbnail

① part01 폴더 > sample 폴더 > test 폴더, 이미지가 하위 폴더(test) 안에 있다면
(sample-test : 부모자식폴더/상하위폴더)

<img src="하위폴더/이미지파일명">
<img src="test/image.png">

② 이미지가 부모(상위) 폴더에 있다면 (sample에 html파일, part01에 이미지)

<img src="../이미지파일명">
<img src="../image.png">

③ sample 안에 html파일, test폴더 안 img 폴더에 이미지 파일이 있다면

<img src="test/img/image.png">

(하위 폴더로 들어갈때마다 경로 다 적어줘야 함)


④ html 파일이 있는 두 단계 위 폴더에 이미지 파일이 있다면

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

⑤ 이미지 파일이 이웃 폴더에 있다면 (part01폴더 안 html 파일, part02폴더 안 이미지 파일)

<img src="../part02/image.png">

VSCode에서 입력하는 법
"" 안에 커서 위치, ctrl + space누르면 현재 폴더 구조 알려줌, 엔터 엔터 하면서 파일 위치 찾아가기

0개의 댓글