[HTML] a 태그(요소)
정의
a 태그는 텍스트에 링크를 설정할 수 있습니다. 즉 하이퍼 링크를 걸어주는 태그.
속성
href : 링크 주소 값을 지정합니다.
rel : 현재 문서와 링크 된 문서 간의 관계를 지정합니다.
href 속성이 있는 경우에만 사용됩니다.
name : 링크가 연결되는 페이지의 URL을 지정합니다.
target : 해당 주소 값을 어떤 방식으로 설정할지 결정. 속성 값은 아래와 같다.
_blank : 새 창이나 탭에서 링크된 문서를 엽니다.
_parent : 속성 값의 상위 창을 엽니다.
_self : 자신의 창을 엽니다.[기본 값]
_top : 화면이 여러 프레임으로 이뤄져 있는 경우 모든 프레임을 지우고 전체 화면에 엽니다.
스타일 시트
a:hover : 마우스를 올릴 경우에 대한 스타일 지정
a:link : 링크가 지정된 방문하지 않은 요소에 대한 스타일 지정
a:active : 해당 사용자의 동작에 따른 변화를 렌더링 하는 방법으로 클릭하는 경우의 스타일 지정
a:visited : 방문한 링크에 대한 스타일 지정
예제
<style>
a:link{
color:blue;
text-decoration:none;
}
a:visited{
color:green;
text-decoration:none;
}
a:hover{
color:red;
text-decoration:none;
}
a:active{
color:white;
text-decoration:yellow;
}
</style>
<a href="https://www.google.co.kr/" target="_blank">구글 바로가기</a>결과
a 태그는 문단, 목록, 테이블 뿐만 아니라 전체를 감쌀 수도 있다.
