HTML 에 이메일 링크 만드는 방법

PDF 다운로드
공동 작성자 위키하우 직원

PDF 다운로드

웹사이트를 방문하는 사람들이 웹사이트에 관한 질문이나 의견이 있으면 쉽게 소통할 수 있는 도구가 있으면 좋다. 그러면 더 좋은 웹사이트가 된다. 간단한 HTML 코드를 사용하여 어떻게 웹페이지에 이메일을 넣을 수 있는지 차근차근 알아보자.

단계

PDF 다운로드
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    "<a href=" 속성으로 HTML 문서에 링크를 넣을 수 있다. "<a href=" 태그는 다음에 오는 내용이 링크라는 것을 브라우저에게 알려주는 역할을 한다.
    • 더 나아가기 전에, 모든 HTML 코드를 다 작성한 상태여야 한다.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    입력하기. 이렇게 하면 다음에 나오는 링크가 웹 페이지가 아닌 이메일 주소라는 것을 웹 브라우저에게 알려준다.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    알맞게 쓴 명령어는 <a href=mailto:<nowiki> agentavery@sample.com " 가 될 것이다.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    이미 만들어진 제목을 사용하고 싶다면, 물음표 (?)를 "subject"(물음표 없음) 앞에 있는 사용자 이메일 주소 뒤에 친다. "subject"는 등호(=) 앞에 있는데, 등호는 인용 마크 안에 있는 subject 앞에 있다.
    • 이렇게 명령어를 치면 다음과 같이 보여야 한다: <a href=mailto:<nowiki>agentavery@sample.com?subject="subject text"
    • 제목 줄에 문자나 숫자 이외의 글자를 입력하는 걸 피한다. 링크가 헷갈리지 않고 이게 다른 부분이라고 생각하게 하는 방법들이 있다.
    • 자주 사용되는 건 아니지만, mailto 신택스로 정보를 더 넣어서 제목줄을 미리 채울 수도 있다. 하지만 이는 메일이 로봇 안에 있는 서버에 보내질 때 주로 사용되는데, 로봇이 수신 이메일을 핸들링해서 나중에 처리할 수 있도록 한다(걸러질 수 있도록).
    • 비슷한 신택스를 이용하여 "body" , cc 또는 bcc 줄을 추가하기. 등호 뒤에 있는 "body","cc", "bcc" 뒤에 물음표를 추가하는 걸 잊지 말자. 등호는 인용구가 든 텍스트 앞에 있다.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    를 입력하여 괄호 닫기. 지금까지 HTML 명령어는 웹 브라우저에게 어떤 이메일을 연결할껀지, 어떻게 subject/cc/bcc를 추가할건지 알려줬다. 닫는 괄호인 ">" 는 웹 브라우저에게 링크 클릭시 더 이상 실행할 명령어가 없다는 것을 말해준다.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    사용자가 이메일 링크를 열어주는 텍스트를 입력한다. 괄호를 닫은 뒤 쓰면 된다. 단어나 구여도 되고, 이메일 보내는 주소와 같은 이메일을 입력해도 된다. 많은 경우 "여기로" 또는 "이곳으로" 를 입력한다.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    이렇게 하면 HTML 명령어를 닫아준다. HTML 앵커 태그를 닫아야 태그가 작동하고, 페이지에 남은 코드들이 앵커 태그에 들어가지 않게 해준다.
    • 완성된 HTML 이메일 링크 명령어는 다음과 같이 보여야 한다: <a href=mailto:<nowiki>agentavery@sample.com?subject="HTML link">Click here to send us an email!!!</a>
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    저장하기를 잊지말자. 더 작성해야할 HTML이 있다면 계속 작성한다.
    광고

팁

  • 앵커 HTML 태그, <a> 태그는 다양하게 사용될 수 있다. 완전히 배워놓으면 효과적으로 사용할 수 있다.
  • 앵커 태그는 HTML 문서의 body (<body>...</body>) 부분에 들어와야 한다. 다른 부분에 넣으면 에러가 뜨거나 웹 페이지가 뜰 때 이메일이 바로 열리거나, 누르지 않은 것들이 뜰 수 있다. 미리보기를 하거나 방문자가 웹 페이지를 방문하든지 상관없이 말이다.
광고

경고

  • 웹 페이지에 이메일 주소를 입력하면 스팸메일이 올 수도 있다. 스팸 메일을 보내려고 인터넷 상의 이런 메일을 수집하는 사람들이 있다. 그러므로, 모든 사람들이 사용할 수 있는 웹사이트에 올리는 이메일은 스팸 방지 처리가 되있어야 한다.
  • 메일 발신 전, 받는이의 이름을 확인한다.
  • 사용자 컴퓨터에 이메일 클라이언트가 설치되어있지 않으면, 이메일 발신이 안될 것이다.
광고

관련 위키하우

아이폰에서 통화 녹음하는 방법
PDF 번역하는 방법
엑셀에서 표준편차 계산하는 방법
안드로이드에 APK 파일 설치하는 방법
엑셀에서 수식을 복사하는 법
컴퓨터에서 삭제된 파일을 복구하는 방법
마인크래프트에서 마법이 부여된 책 사용하는 법
마이크로소프트 워드에서 페이지 번호 삽입하는 방법
USB로 윈도우 설치하는 법
16진수를 2진수와 10진수로 변환하는 법
포토샵에서 배경의 색상을 바꾸는 법
엔비디아(Nvidia) 드라이버 삭제하는 방법
그림판에서 이미지 배경 투명하게 만들기
엑셀 파일을 PDF 파일로 변환하는 법
광고

출처

  1. http://www.zaposphere.com/html-email-links-code/ - research source

이 위키하우에 대하여

다른 언어
이 문서는 13,546 번 조회 되었습니다.

이 글이 도움이 되었나요?

광고