happy cat image

everdevel

Web Technology, 에버디벨

UI 변경

EEOS

에버디벨 책을 학습할 수 있는 클라우드 개발 환경을 제공합니다.
개발환경구축없이 태블릿에서도 개발할 수 있는 책의 예제와 프로젝트
오직 당신을 위한 스토리지, URL, DB, 무제한 트래픽
그리고 웹기반 개발환경을 제공합니다.

더 알아보기
에버디벨이 만든 클라우드 개발환경을 소개합니다.

모바일에서 전화걸기 링크

스마트폰으로 웹사이트의 전화번호를 누르면 바로 전화걸기 창이 뜹니다. 이것을 하는 방법에 대해서 알아볼게요.
전화번호는 a 태그를 이용합니다.

a태그를 사용하여 모바일웹에서 전화번호 클릭시 전화거는 방법

<a href='tel:전화번호'>링크에 표시할 내용</a>

예를 들어 전화번호가 010-8670-0247라고 하면 다음과 같이 표시할 수 있습니다.

<a href='tel:010-8670-0247'>전화하기</a>

그럼 예제를 통해서 알아봅시다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>모바일웹에서 전화걸기 링크 만들기</title>
</head>
<body>
    <a href='tel:010-8670-0247'>전화하기</a>
</body>
</html>

위의 예제를 모바일웹에서 접속하여 실행해 주세요.

위와 같이 모바일에서 링크를 누르면 전화를 걸 수 있습니다.

강좌로 돌아가기