IT/html

HTML 파일 경로

조원태 2016. 12. 29. 15:43
반응형

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