html 절대 경로와 상대 경로

• 절대 경로 (전체를 기준으로 root부터 내려간다.)

1. 로컬 기준
   file:/// 프로토콜을 시작으로 파일의 전체 경로 명시
   file:///루트 폴터 (C:\)/폴더 경로/파일명
   예) <img src="file:///C:\/images/logo.jpg" alt="로고" />
   
   
2. 웹 서버 기준 
   http:// 프로토콜을 시작으로 파일의 전체 경로 명시
   http://도메인/폴더 경로/파일명
   예) <img src="http://webhard.com/infomation/logo.jpg" alt="로고">

---

• 상대 경로 (현재 작업 중인 파일 기준으로 디렉토리를 찾아간다.)

1. 현재 문서와 같은 폴더에 위치할 경우
   ./는 같은 폴더를 의미
   ./파일명
   예) <img src="./logo.jpg" alt="로고" />
   
   
2. 현재 문서보다 하위 폴더에 위치할 경우
   하위 폴더명/파일명
   예) <img src="images/logo.jpg" alt="로고" />
   
   
3. 현재 문서보다 상위 폴더에 위치할 경우
   ../가 한 번이면 상위 폴더로 한 번 이동, 한 번 이상 이동할 경우에는 이동 폴더의 개수만큼
   ../파일명
   예) <img src="../logo.jpg" alt="로고" />
        <img src="../../../logo.jpg" alt="로고" />
   
   
4. 현재 문서와 같은 레벨의 폴더에 위치할 경우
   ../하위 폴더명/파일명
   예) <img src="../images/logo.jpg" alt="로고" />
        <link rel="stylesheet" type="text/css" href="../css/style.css">