KDT 수업/HTML | CSS

[HTML] day1 (+ 추가) 파일 경로 작성방법

니니는 진짜 전설이다 2023. 3. 24. 17:07

파일 경로 작성방법


1. 절대 경로

  • 물리적 경로
        URL 주소: ex) https://www.daum.net/
        드라이브: ex) C:\SennysKDT\HTML\Day1\sea1.png (웹사이트 개발 시 사용하지 않음)

 


2. 상대 경로

  • 이미지가 HTML 문서와 같은 디렉토리에 있는 경우
            <img src='파일명'>, <img src='./파일명'>

  • 이미지가 하위 디렉토리에 있는 경우
            <img src= '디렉토리명/파일명'>, <img src= '디렉토리명/파일명'>

  • 이미지가 상위 디렉토리에 있는 경우
            <img src='../파일명>, <img src='./../파일명'>

  • 이미지가 상위 디렉토리의 하위 디렉토리에 있는 경우 
            <img src ='../하위디렉토리명/파일명'>, <img src ='../하위디렉토리명/파일명'>

 

 

 

'KDT 수업 > HTML | CSS' 카테고리의 다른 글

[CSS]선택자의 종류2  (0) 2023.03.30
[CSS]선택자의 종류1  (0) 2023.03.30
[CSS]CSS란?  (0) 2023.03.29
[HTML] day2: 하이퍼링크/책갈피  (0) 2023.03.24
[HTML] day1: HTML 태그  (2) 2023.03.23