HTML 파일 경로

 

[경로 설명]

<img src = "picture.jpg"> picture.jpg는 현재 페이지와 같은 폴더에 있습니다.

<img src = "images / picture.jpg"> picture.jpg는 현재 폴더에있는 images 폴더에 있습니다.

<img src = "/ images / picture.jpg"> picture.jpg는 현재 웹에있는 images 폴더에 있습니다.

<img src = "../ picture.jpg"> picture.jpg는 현재 폴더에서 한 레벨 위의 폴더에 있습니다

 

[HTML 파일 경로]

파일 경로는 웹 사이트의 폴더 구조에있는 파일의 위치를 ​​설명합니다.

 

파일 경로는 다음과 같은 외부 파일에 연결할 때 사용됩니다.

 

- 웹 페이지

- 이미지

- 스타일 시트

- 자바 스크립트

 

[절대 경로]

절대 경로는 인터넷 파일의 전체 URL입니다.

 

예

<img src = "http://www.w3schools.com/images/picture.jpg"alt = "산">

 

 

[상대 경로]

상대 경로는 현재 페이지를 기준으로 한 파일을 가리 킵니다.

 

이 예제에서 경로는 현재 웹의 images 폴더에있는 파일을 가리 킵니다.

 

예

<img src = "/ images / picture.jpg"alt = "마운틴">

 

 

이 예제에서 경로는 현재 폴더에있는 images 폴더의 파일을 가리 킵니다.

 

예

<img src = "images / picture.jpg"alt = "마운틴">

 

 

이 예제에서 경로는 현재 폴더의 한 수준 위의 폴더에있는 images 폴더의 파일을 가리 킵니다.

 

예

<img src = "../ images / picture.jpg"alt = "마운틴">