우디의 개발스터디

[HTML] 하이퍼링크 a 태그

by 개발자 우디

<a> 태그는 anchor의 약어로 닻을 의미한다. <a> 태그는 href 속성을 통해 다른 페이지, 전화번호, 이메일주소 와 그 외에 다른 url로 연결할 수 있는 링크(연결)을 만든다. 인라인 요소이고, 콘텐츠는 주로 링크의 목적지를 나타낸다.

 

<a> 태그의 대표 속성

href : 연결하고 싶은 주소를 지정한다.

target : 링크를 클릭했을 때 창의 형태를 지정한다.(총 4가지)

  • _blank : 새창에서 열기
  • _self : 현재 탭에서 열기(기본값)
  • _top : 
  • _bottom 

title : 링크에 대한 설명이 들어간다.

 

 

href 속성의 다양한 활용

a 태그의 href에는 웹 문서의 주소 뿐만 아니라 전화번호나 메일주소 등을 지정할 수도 있다. 이때 각 유형별로 필요한 추가 텍스트가 있다.

 

1. 전화번호

<a href="tel:010-1234-5678" target="_self">
	전화 걸기
</a>

2. 메일쓰기

mailto: 를 실제 메일주소앞에 붙여야함

<a href="mailto:clothes.yoo@gmail.com" target="_blank">
	메일 쓰기
</a>

 

블로그의 정보

우디의 개발스터디

개발자 우디

활동하기