[HTML]<a>태그

<a>태그란

 인터넷을 하다보면 링크를 통해 이미지나 다른 사이트 등 웹문서를 열어본 적이 한번씩 있을 것이다. 이렇듯 문서를 링크 시키기 위해 사용하는 태그가 바로 <a>태그이다.

 <a>태그는 혼자 사용하지 않고 다양한 속성과 함께 사용하여 기능을 더한다.

 

문법

<a href="URL>이름</a>

 위와 같은 코드를 입력하면 이름이라는 글씨에 링크가 걸린다. "URL" 란에 링크를 걸고자 하는 주소를 넣고 이름을 크릭하면 설정해놓은 URL 웹 문서로 이동하게 된다.

 

속성

1. href

- 연결할 주소를 지정한다

 

ex)

<a href="https://www.naver.com"> - 절대주소

<a href="/home/index.html"> - 상대주소

 

2. target

- 연결 된 주소로 이동할 때 어떤 방법으로 열 지를 지정한다.

 

 target 종류

 _self : 현재 창에서 링크를 연다.  (설정하지 않을 시 기본값으로 적용)

 _blank : 새창에서 링크를 연다.

 _parent : 부모 페이지에서 링크를 연다.

 _top : 최상위 부모 페이지에서 링크를 연다.

 

3. title

태그에 대한 설명을 표시한다. ( 마우스 오버시 title에 적힌 텍스트 노출)

ex)

<a href="https://google.com" title="구글 홈페이지">

 

 

예제

 

See the Pen BapZmaw by BakGyoungMin (@bgm16) on CodePen.