Coding Diary.

(HTML코딩일기) 다양한 링크 동작 넣기 본문

Coding/HTML&CSS

(HTML코딩일기) 다양한 링크 동작 넣기

life-of-nomad 2023. 8. 24. 13:17
728x90
반응형

링크는 보통 해당 주소의 페이지로 연결해 줍니다. '페이지 연결' 외에 다른 동작들도 가능합니다. https://나 http://대신에 다른 내용을 넣으면 되는데, 이런 약속들을 URI 스킴(URI Scheme)이라고 부릅니다. 

 

1. 이메일 보내기

mailto:<이메일 주소> 라는 걸 사용하면 이메일을 보낼 수 있습니다. 이 링크를 클릭하면 이메일 프로그램이나 이메일 앱을 열 수 있고, 받는 사람 주소에 링크에 적힌 이메일 주소를 자동으로 입력해 줍니다.

<!-- test@example.com으로 이메일 보내기 -->
<a href="mailto:test@example.com"> 메일 보내기 </a>

 

2. 전화 걸기

tel:<전화번호>를 사용하면 전화를 걸 수 있습니다. 데스크톱 컴퓨터에서는 전화 기능이 없을 수 있지만, 스마트폰에서 이 링크를 클릭하면 전화 앱으로 연결됩니다.

<!-- 한국의 010-1234-1234>으로 전화걸기 -->
<a href="tel:+821012341234"> 전화 걸기 </a>

 

728x90
반응형