본문 바로가기

HTML

Html A 태그 속성(href, target, title) 사용 방법

728x90
반응형

A 태그

A 태그의 기능은?

글자나 이미지에 링크를 걸어서 다른 페이지로 이동하거나, 현재 페이지 내에서 이동할 때 사용한다.

A 태그 속성의 종류

href, target, title이 있다.


href는 연결할 주소를 지정한다.


사용 예1) 글자링크걸기
<a href="https://cair.tistory.com"  target="_blank"> 아이엠탁구로 바로가기 </a>

아이엠탁구로 바로가기

같은 문서내에서 이동하는 방법


링크걸기
<a href="#step1"> step1로 이동하기</a>

이동할 위치
<p id="step1">step1 준비운동하기</p>

target은 링크를 클릭할때 창을 여는 방식을 지정한다.


사용 예)
<a href="https://cair.tistory.com" target="_blank"> 아이엠탁구로 바로가기 </a>

_self : 링크를 클릭한 현재 보이는 창에 연다.
_blank : 링크를 새창으로 연다.
_parent : 부모창에서 페이지를 연다.(부모창이 없으면 현재창(_self)에 연다.)
_top : 전체 브라이저에서 가장 상위의 창에 페이지를 연다.(부모창이 없으면 현재창(_self)에 연다.)

title은 링크에 마우스를 올려놓았을때 도움말 설명을 보여주는 기능이다.


사용 예)
<a href="https://cair.tistory.com" title="클릭하면 아이엠탁구 홈으로 갑니다." target="_blank"> 아이엠탁구 바로가기 </a>

아이엠탁구 바로가기

위의 아이엠탁구 바로가기 링크에 마우스 커서를 올려보세요.

첨부파일 3개를 올립니다.
target 속성 예제입니다.

index.html
0.00MB
left.html
0.00MB
right.html
0.00MB
A 태그 속성

728x90
반응형