HTML 절대와 상대 경로 해깔려 할꺼없다.

URL


절대경로와 상대경로

웹사이트를 제작할 때에는 그림파일을 그림파일을 image 폴더에 따로 모아 놓는다.
(티스토리 스킨을 보면 image 폴더가 있어요 ;;.)
HTML 파일과 그림 파일을 관리하기 쉽도록 하기 위해서입니다.
이럴 때 그림파일의 이름 앞에 파일이 있는 경로를 있는 경로를 입력해야 합니다.
경로는 그림파일이 있는 정확한 위치를 그대로 입력하는 절대 경로와 현재 HTML 문서에 대한 상대적 위치를 입력하는 상대 경로가 있습니다.
다른 웹사이트에 있는 그림을 내 그림을 자신의 웹문서에 연결할 때에는 절대 경로를 이용하지만 내 웹사이트 계정에 HTML 파일과 그림파일을 업로드할 때에는 상대 경로를 주로 사용합니다.



<BODY background="http://www.aaa.co.kr/image/1.jpg>

www.aaa.co.kr 라는 사이트계정의 image폴더에 있는 1.jpg 그림을 연결할때.


<BODY background="1.jpg>

HTML 파일이 있는 현재폴더에 그림파일이있을때.

<BODY background="image/1.jpg>

HTML 파일이 있는 현재폴더안에 image폴더에 그림파일이있을때.

<BODY background="../image/1.jpg>

HTML 파일이 있는 현재폴더의 상위폴더 안의 image폴더에 그림파일이있을때.