#08 HTML 링크 요소

 

<a> 태그

• 앵커(anchor,닻) 요소
• 다른 문서로 연결하거나 같은 문서 내의 다른 지점으로 연결하는 용도로 사용된다.
• <a> 요소의 컨텐츠는 링크 목적지에 대한 설명을 입력한다. (링크텍스트)
• 파란색 글자에 밑줄이 기본 스타일이며, 이미 한번 방문했던 링크텍스트는 보라색으로 표시된다.

 

- href 속성 : 링크의 목적지를 지정하는 속성으로 <a> 요소가 하이퍼링크 기능을 수행하기 위해 반드시 필요하다

• 절대 경로 : 전체 웹 주소 "http://www.example.com"
• 상대 경로 : 로컬 경로 "example.html"
  (같은 폴더에 있는 파일은 파일명을 입력, 같은 폴더에 있는 다른 폴더의 위치는 "폴더명/파일명" 입력, 상위 폴더는 "../"로 표현)
• 같은 문서의 다른 지점 : id값 "#example"
• 빈 링크 : "#"
  (임시로 링크를 줄 때 많이 사용하며, 클릭하면 문서의 최상단으로 이동한다)

- target 속성 : 링크한 URL을 표시할 위치 지정

• _self : 현재와 동일한 창/탭에서 문서 열기 (default)
• _blank : 새 창/탭에서 문서 열기

<a href="http://www.naver.com" target="_blank">새창에서 네이버로 연결</a><br>
<a href="sample.html" target="_self">현재창에서 다른 문서로 연결</a><br>
<a href="#sample">문서 내 id값이 sample인 요소로 이동</a><br>
<a href="#">비어있는 링크</a>

---