HTML :: 하이퍼링크 절대경로, 상대경로 지정하기 (+책갈피 지정)

 

html 에서는 <a></a> 태그를 통해 하이퍼링크를 추가할 수 있다.

<a href = "경로">하이퍼링크</a>

이런 식으로 경로 위치에 해당 주소를 넣어주면 하이퍼링크 글자를 클릭했을 때 해당 주소로 이동하게 된다.

 

 

경로를 지정할 때 절대경로로 지정하는 방법과 상대경로로 지정하는 방법이 있다.

 

 

1. 절대경로

절대경로란 어떠한 웹페이지나 파일이 가지고 있는 고유한 경로를 말한다.
예를 들어, 내 블로그 주소인 https://lincoding.tistory.com/

혹은 내 컴퓨터 안에서 특정 파일의 위치인 C:\WebStudy\WebApp03\WebContent 가 있다.

그런데 이 경로를 사용하기 위해서는 해당 위치에 파일이 존재할 경우에만 가능하다.

 

 

2. 상대경로

상대경로란 현재 파일이나 내가 위치한 곳을 기준으로 파악한 해당 위치를 말한다.

해당 html 파일이 위치한 폴더를 기준으로 상대적인 경로인 것이다.

 

 

 

 

+++

 

또한 <a href="#~~"> 태그를 사용하여 책갈피를 지정할 수도 있다.

 

<a name="book"> 책갈피 위치</a>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<a href="#book">책갈피 위치로 이동하기</a>​

 

이런 식으로 name 속성을 통해 책갈피의 위치를 지정하고

#을 통해 주소를 지정하면 클릭 시 해당 위치로 이동할 수 있다.