[HTML 태그들] #5 a태그 부속편/전화, 메시지,메일 보내기

2021. 2. 11. 20:32HTML/HTML 태그들

a태그에서 일반적인 링크 이동 말고도 추가로 할 수 있는 것들이 있습니다.

오늘은 전화나 메시지, 메일 등에 관한 속성 값에 대해 알아보겠습니다.

 

1. 전화 걸기(안드로이드 운영체제)

엄밀히 말하면 메시지를 보내는 것은 아니고, 메시지 보내는 창을 띄워 주는 것입니다.

사용법은 하이퍼링크를 만들 때 사용했던 href=" "을 사용합니다. 따옴표 안에는 sms:전화번호 를 써주면 됩니다.

 

<a href="sms:010-5938-8928">전화 문의하기</a>

전화 문의하기

 

2. 메시지 보내기(안드로이드 운영체제)

메시지를 보내는 것도 전화와 마찬가지로 자동으로 문자가 보내지지는 않습니다.

sms: 뒤에 전화번호를 적은 다음 &body= 뒤에 메시지를 보낼 내용을 적어주면 됩니다.

 

<a href="sms:010-5938-8928?body=문의합니다">문자로문의하기</a>

문자로 문의하기

 

3. 이메일 보내기

mailto: 뒤에 보내고 싶은 이메일 주소를 적습니다.

 

<a href="mailto:yunyun4305@gmail.com>메일 문의하기</a>

 

만약 메일의 제목을 지정하고 싶다면 ?를 쓴 다음 subject= 다음 제목을 써줘야 합니다.

 

<a href = "mailto:yunyun4305@gmail.com?subject = 문의 드립니다!!!">
메일 문의하기
</a>

 

메일의 내용을 추가하려면 body= 뒤에 내용을 쓰면 됩니다.

 

<a href = "mailto:yunyun4305@gmail.com?body = 어쩌고저쩌고">
메일 문의하기
</a>

 

제목이나 내용을 동시에 쓰려면 body= subject= 사이에 &를 쓰면 됩니다.

body=subject= 의 순서는 바뀌어도 되고 이메일 뒤에 ? 쓰는 것을 깜빡하지 마세요.

 

<a href = "mailto:yunyun4305@gmail.com?subject = 문의드립니다!!!&body = 어쩌고저쩌고">
메일 문의하기
</a>