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

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

단계

PDF 다운로드

1
앵커 태그 <a href=를 HTML 문서에 넣기. "<a href=" 속성으로 HTML 문서에 링크를 넣을 수 있다. "<a href=" 태그는 다음에 오는 내용이 링크라는 것을 브라우저에게 알려주는 역할을 한다.
- 더 나아가기 전에, 모든 HTML 코드를 다 작성한 상태여야 한다.
입력하기. 이렇게 하면 다음에 나오는 링크가 웹 페이지가 아닌 이메일 주소라는 것을 웹 브라우저에게 알려준다.
알맞게 쓴 명령어는 <a href=mailto:<nowiki> [email protected]" 가 될 것이다.
4
이미 만들어 놓은 제목 사용하기 (선택 사항). 이미 만들어진 제목을 사용하고 싶다면, 물음표 (?)를 "subject"(물음표 없음) 앞에 있는 사용자 이메일 주소 뒤에 친다. "subject"는 등호(=) 앞에 있는데, 등호는 인용 마크 안에 있는 subject 앞에 있다.
- 이렇게 명령어를 치면 다음과 같이 보여야 한다: <a href=mailto:<nowiki>[email protected]?subject="subject text"
- 제목 줄에 문자나 숫자 이외의 글자를 입력하는 걸 피한다. 링크가 헷갈리지 않고 이게 다른 부분이라고 생각하게 하는 방법들이 있다.
- 자주 사용되는 건 아니지만, mailto 신택스로 정보를 더 넣어서 제목줄을 미리 채울 수도 있다. 하지만 이는 메일이 로봇 안에 있는 서버에 보내질 때 주로 사용되는데, 로봇이 수신 이메일을 핸들링해서 나중에 처리할 수 있도록 한다(걸러질 수 있도록).
- 비슷한 신택스를 이용하여 "body" , cc 또는 bcc 줄을 추가하기. 등호 뒤에 있는 "body","cc", "bcc" 뒤에 물음표를 추가하는 걸 잊지 말자. 등호는 인용구가 든 텍스트 앞에 있다.
> 를 입력하여 괄호 닫기. 지금까지 HTML 명령어는 웹 브라우저에게 어떤 이메일을 연결할껀지, 어떻게 subject/cc/bcc를 추가할건지 알려줬다. 닫는 괄호인 ">" 는 웹 브라우저에게 링크 클릭시 더 이상 실행할 명령어가 없다는 것을 말해준다.
사용자가 이메일 링크를 열어주는 텍스트를 입력한다. 괄호를 닫은 뒤 쓰면 된다. 단어나 구여도 되고, 이메일 보내는 주소와 같은 이메일을 입력해도 된다. 많은 경우 "여기로" 또는 "이곳으로" 를 입력한다.
7
링크 텍스트 뒤에 </a> 입력하기. 이렇게 하면 HTML 명령어를 닫아준다. HTML 앵커 태그를 닫아야 태그가 작동하고, 페이지에 남은 코드들이 앵커 태그에 들어가지 않게 해준다.
- 완성된 HTML 이메일 링크 명령어는 다음과 같이 보여야 한다: <a href=mailto:<nowiki>[email protected]?subject="HTML link">Click here to send us an email!!!</a>
저장하기를 잊지말자. 더 작성해야할 HTML이 있다면 계속 작성한다.
광고

팁

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

경고

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