링크(anchor)

사용자가 링크를 클릭하면

현재 있는 페이지의 다른 부분으로 이동하거나

아예 다른 페이지를 보여주고 싶을 때

 

 

 

 

 

!반드시 사용해야할 속성: href (hypertext reference)

- hypertext는 html 문서, 웹 페이지를 의미

- reference는 주소값.

- 즉, 새로 띄우고자 하는 웹 페이지의 주소를 넣어주면 된다.

 

 

href 속성(attribute)에 들어갈 값(value)

1. 다른 웹페이지 URL 

<a href="https://www.google.com">SEARCH</a>

 

2. 내가 작성하고 있는 다른 html문서

<a href="./about.html">ABOUT</a>

 

3. 특정 id 값을 가지고 있는 웹페이지 내의 섹션

<a href="#hello">hello 섹션으로 이동</a>

 

4. 메일쓰기

<a href="mailto:abcd@gmail.com">메일쓰기</a>

 

 

5. 전화걸기

<a href="tel:01x-xxxx-xxxx">전화걸기</a>

 

 

* 새 탭에서 열기

<a href="#" taget="_blank"> 새 탭에서 열기</a>