[HTML&CSS 스터디] 9. 파일 경로 지정하기

[HTML&CSS 스터디] 9. 파일 경로 지정하기

 

 

1. 파일 경로 지정이란?

-> HTML, CSS, 이미지 등을 불러오기 위해 해당 파일의 위치가 어디 있는지를 알려주는 것.

->호출하는 페이지 입장에서의 대상 파일의 위치를 입력하자.

 

 

(1) 상대 경로

=호출하는 페이지에서 본 대상 파일의 위치를 의미한다.

-호출하는 파일과 호출되는 파일이 같은 폴더에 있다면, 파일의 이름만 적어주면 된다.

-만약 위치가 각각 다르다면, 슬래시(/)를 사용해 파일 위치를 호출한다.

-아예 다른 폴더에 있을 경우 ../를 사용해 상위 폴더로 이동해 지정할 수 있다.

 

(2) 절대 경로

=호출하고 싶은 파일이 다른 웹 사이트에 공개된 경우에 사용된다.

-이는 저장된 위치와는 연관이 없으며, 해당 파일의 URL을 작성한다.

 

*이미지를 생성할 때 alt, src를 모두 설정하지 않으면 제대로 출력되지 않는다.