HTML5 - 하이퍼 링크 태그 (a 태그)

하이퍼 링크

하이퍼 링크란 웹 문서가 다른 문서와 구분되는 가장 핵심적인 기술이다.

클릭을 통해 연결된 곳으로 이동하여 사용을 편리하게 해주는 기능으로

텍스트 또는 이미지 등을 클릭하여 지정된 링크로 이동하게해준다.
또한 페이지 내 이동도 가능하다.

그럼 하이퍼 링크 기능의 태그들을 알아보자.

 

 

 

 

<a></a>

a란 페이지에서 해당 부분을 클릭하면 지정된 페이지로 이동하는 태그로

외부 사이트 연결, 문서 내부에서 이동이 가능하다.

 

[ a 태그 작성법 ]

문자로 작성했을 경우

<a href="주소">
    링크표시 문구
</a>

 

이미지로 작성했을 경우

<a href="주소">
    <img src="이미지 경로"/>
</a>

 

a 태그의 속성으로 href, target 등 이 있다.

 

내부에서 이동하는 경우

<!-- 이동할 곳 -->
<p id="p1"></p>

<!-- 이동 할 곳을 href에 입력한다 -->
<a href="#p1">
    링크 표시 문구
</a>

 

target을 이용하여 설정하는 경우

<a href="주소" target="_blank(새 창)" 
			   or "_self(현재)"
			   or "_parent(상위 창)"
               or "_top(최상위창)">
               
</a> 

 

_blank : 새 창 에서 실행된다.

_self : 현재 창 에서 실행된다.

_parent : 상위 창 에서 실행된다.

_top : 최상위 창 에서 실행된다.