절대경로와 상대경로
2022. 2. 23. 18:55ㆍ프론트/html
절대경로 :
os기준으로 시작되는 절대적인 경로
웹상에서의 도메인을 포함한 절대적인 경로
-http://localhost:8080/html01-0223/logoImage.png
상대경로 : 현재 보고 있는 (열려있는) 파일 기준으로 시작되는 경로
현재 위치 or 자식 폴더 : ./logoImage.png = logoImage.png or ./img/logImage.png = img/logImage.png
상위 경로 : ../img/logoImage.png
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>절대경로와 상대경로</title>
</head>
<body>
<h1>경로</h1>
경로(path) -> 리소스의 고유한 위치
<h2>절대 경로</h2>
- 절대적인 경로
- 운영체제, 네트워크 통신 -> 시작점
<h4>절대경로 예제</h4>
<img alt = "로고" src="http://localhost:8080/html01-0223/logoImage.png">
<h2>상대 경로</h2>
- 기준점에서 변하는 경로
- ../ -> 기준점 상위 이동
- ./ or / 가 없을 경우 -> 기준점의 경로(기준점의 리소스명 제외)
<img alt="로고1" src="logoImage.png">
<img alt="로고1" src="./img/logoImage.png">
</body>
</html>'프론트 > html' 카테고리의 다른 글
| <form></form>태그 (0) | 2022.03.04 |
|---|---|
| <span>태그 (0) | 2022.03.04 |
| <span>태그 (0) | 2022.03.04 |
| html 인라인 요소 (0) | 2022.02.24 |
| html의 기본 개념 (0) | 2022.02.23 |