이메일주소 클릭 이벤트(a태그로 메일보내기)

장현서·2021년 10월 13일
0

링크를 클릭했을 때 지정된 메일주소로 이메일을 보내는 루트를 생성해 보겠습니다.

a태그로 텍스트 혹은 이미지에 링크를 걸어줍니다.

이메일 링크는 a태그의 href 속성 안에 "mailto:" 를 입력한 다음, 메일 주소를 넣어줍니다.

<a href='mailto:jangmary95@gmail.com'></a>

링크를 클릭하면 윈도우os의 경우에는 아웃룩 익스프레스(Outlook Express) 혹은 기타 메일 연결 프로그램이 열리게 됩니다

전화번호 링크는 a태그의 href 속성 안에 "tel:"을 먼저 넣고 전화번호를 넣어줍니다. 그러면 링크 클릭 시 연결된 번호로 전화가 걸립니다.

<a href='tel:01012345678'></a>

사용 예시

<html>
  <head>
    <meta charset="utf-8">
    <title>이메일 링크하는 방법</title>
  </head>
  
  <body>
    <p> <a href="mailto: 자신의 메일주소" 
          title="마우스 올렸을 때 나타나는 문구">텍스트입력</a></p>
  </body>
</html>
profile
꾸준히 즐기는 퍼블리셔입니다!

2개의 댓글

comment-user-thumbnail
2021년 10월 13일

오오 이거 마침 찾고 있었는데! 감사해요~~

1개의 답글