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 = "마운틴">
'IT > html' 카테고리의 다른 글
html table 2 (0) | 2016.12.30 |
---|---|
html table 1 (0) | 2016.12.30 |
html Iframe 구문 (0) | 2016.12.29 |
HTML <script> 태그 (0) | 2016.12.29 |
html 하이퍼링크 (0) | 2016.12.28 |