[15. 링크 태그(A)]

링크 태그(A Tag)

HTML 언어에서 HyperText 단어의 의미를 갖는 태그.

문서에서 문장에 링크를 걸어 다른 웹 사이트로 이동할 수 있게 해주는 태그이다.

<a>링크를 적용할 문장</a>

 

a 태그의 속성

href	링크의 주소 값을 가지고 참조한다.  (필수로 같이 사용해야 하는 속성!)
target	링크의 출력형태를 변경한다. (속성 값으로 _blank, top, _self, _parent 등이 존재)
title	링크 툴팁 기능 제공

 

 

 

 

 

 

링크 태그 사용

 

에디터에서 'HTML elements~' 문장에 a태그를 사용해서 네이버의 주소를 링크 걸어줍니다.

※ 필독

a태그는 기본 태그만으로는 링크를 거는 역할만 할 뿐, 링크의 주소 값을
알지 못하기 때문에 href 속성을 사용해서 링크의 주소를 참조해야 합니다.

 

 

웹 브라우저에서 확인해보니, 링크를 건 문구에 밑줄이 생기며 다른 링크로 이동할 수 있는 기능이 생겼습니다.

 

 

클릭해보면, 실제로 네이버의 주소로 이동하는 것을 확인할 수 있습니다.

 

 

 

 

 

 

링크 태그 속성 사용

target  속성

기존에 a태그만 사용했을 시, 링크를 클릭하면 '현재 페이지에서 다른 사이트가 출력'되기 때문에,

이전 홈페이지로 돌아가기 위해 뒤로 가기를 눌러야 합니다.

target 속성을 사용하면, 링크의 출력 형태를 변경해주기 때문에 속성 값으로 _balnk를 넣게 되면

링크를 클릭할 시 웹 사이트가 새로운 창에서 출력되게 됩니다.

 

title  속성

title 속성은, 링크를 클릭할 때 사용자에게 해당 링크에 대한 정보를 알려주기 위한 툴팁을 제공합니다.

 

 

해당 링크를 클릭할 시, 네이버라는 사이트로 이동되는 것을 알려주는 툴팁 기능인 것을 확인할 수 있습니다.