2021-04-06 13:40:37

웹 페이지에 이메일 주소를 넣고 싶을 때도 a 태그를 사용할 수 있습니다. 일반적으로 웹페이지 주소에 링크를 걸 때는 첫번째 행과 같이 코드를 작성하면 되지만, 이메일 주소에 링크를 걸 때는 이메일 주소 앞에 mailto:를 추가해줘야 합니다. 

 

1
2
3
<a href="https://bskyvision.com">비스카이비전</a>
 
<a href="mailto:kyohoonsim@gmail.com">kyohoonsim@gmail.com</a>
cs

 

 

위와 같이 코딩해주면 이메일 주소를 클릭했을 때 microsoft outlook이 열리면서 이메일을 보내는 창이 뜨게 됩니다. 받는 사람 주소에 링크를 건 이메일 주소가 들어가 있음을 확인하실 수 있습니다.

 

 

웹 페이지에 이메일을 연락처로 넣고자 할 때 유용한 기능입니다. 

 

관련 글

[css] 링크 밑줄 없애기