<a> </a> 태그

문서를 연결하는 a 태그

(href, title, target 속성)

 

문서를 링크시키기 위해 사용하는 태그가 바로 <a>태그 입니다.

​

 

<a>태그

anchor '정박지' 또는 '닻 '의 약자입니다

 

<a>태그는 혼자만 사용하지 않고 아래와 같은 속성과 함께 사용합니다.

 

 

• herf 속성

hypertext reference 약자로, 연결할 주소를 지정하는 속성입니다.

 

사용 예 :<a href="http://aboooks.tistory.com">지구별 안내서 바로가기</a>

 

따옴표(" ")를 빠트리지 않도록 주의해 주세요. 링크가 정상적으로 나오지 않을 수도 있습니다

 

 

 

• title 속성

해당 링크에 마우스를 갖다 대면 link에 대한 설명이 나옵니다.

 

사용 예: <a href="http://aboooks.tistory.com/" title="my homepage">지구별 안내서</a>

 

 



• target 속성

링크를 클릭 할 때 창을 어떻게 열지 결정합니다

 

_self 연결 문서를 클릭한 창에서 엶(기본값)

_blank 연결 문서를 새 창에서 엶

_parent 부모(상위 레벨) 창에서 엶(부모가 없으면 _self처럼 표시함)

_top 가장 상위 창에서 엶(즉 프레임을 무시하며, 전체 브라우저 창에서)(부모가 없으면 _self처럼 표시됨)

frame name 지정된 프레임 안에 염.

 

사용 예 : <a href=http://aboooks.tistory.com" target="_blank">지구별 안내서 바로가기</a>

 

 

 

<a>태그는 문자뿐 아니라, 이미지, <div> 등도 링크를 걸 수 있습니다.

 

사용 예 :

<a href="http://aboooks.tistory.com"><img src="main.png" /></a>

<a href="http://aboooks.tistory.com"><div id="a">애국가</div></a>