[HTML] a 태그의 모든 것

HTML 썸네일

[HTML] a 태그의 모든 것

html에서 <a> 태그는 다른 페이지로 이동할 때 사용한다.

 

 

a 태그의 속성

<a href="https://jh91.tistory.com/" target="_self">구름이의 클라우드로 이동합니다.</a>

a 태그의 속성으로는 

1. href : 클릭 시 이동할 주소

2. target : 주소를 여는 방법

3. title : 마우스를 올렸을 때 도움말

4. download : 파일 다운로드 기능 

들이 있습니다.

 

href로 할 수 있는 것들

href로 할 수 있는 것들은 다양하다.

1. 기본 역할인 새로운 페이지로 이동

<a href="https://jh91.tistory.com/" target="_self">구름이의 클라우드로 이동합니다.</a>

2. 같은 페이지 내에서 해당 아이디가 있는 곳으로 이동

(#만 넣을 경우 상단으로 이동한다)

<a href="#">클릭시 상단으로 이동합니다.</a>
<a href="#title">클릭시 아이디가 title인 요소 위치로 이동합니다.</a>

3. 자바스크립트로 연결

<a href="javascript:alert("안녕")">클릭시 안녕이라고 알림</a>

4. 전화 걸기

<a href="tel:+08201041572756">+082 010 4157 2756로 전화 겁니다</a>

 

target의 종류

_self : 현재 창에서 연다 (기본 값)

_blank : 새창으로 연다

_parent : 부모 창에서 연다. (iframe이나 팝업에서 사용)

_top : 전체 브라우저 창에서 가장 상위의 창에서 연다 (아직 사용해 본 적 없음)