본문 바로가기

카테고리 없음

[HTML] 절대경로와 상대경로

반응형

█ 그림 파일을 웹 문서에 연결할 때 가장 문제가 되는 부분이 바로 경로를 지정하는 것이다.

① 절대경로 : 그림 파일이 잇는 정확한 위치를 그대로 입력
   -. 다른 웹 사이트의 그림을 내 웹 문서에 연결할 경우에는 절대경로를 이용

 <BODY background="http://www.abc.co.kr/image/name.jpg">
 → 'www.abc.co.kr' 웹 사이트 계정의 image 폴더에 있는 name.jpg 그림을 열결할 경우


② 상대경로 : 현재 HTML 문서에 대한 상대적 위치를 입력
   -. 자신의 웹 사이트 계정에 HTML 파일과 그림 파일을 업로드 할 때에는 상대경로를 이용

 <BODY background="name.jpg">
 → HTML 파일이 있는 현재 폴더에 그림 파일이 있을경우
<BODY background="image/name.jpg">
 → HTML 파일이 있는 현재 폴더 안의 image 폴더에 그림 파일이 있을 경ㅑ
<BODY background="../image/name.jpg">
 → HTML 파일이 있는 현재 폴더의 상위 폴더 안에 image 폴더에 그림 파일이 있을 경우

반응형