본문 바로가기
소소한 일상 정리/유튜브 | 블로그 | SNS

블로그 이미지에 전화번호 문자 링크 사용해 클릭시 연결되게 만들기

by 코코쥬안 cocojuan 2022. 12. 7.

블로그 이미지에 전화번호 문자 링크 사용해 클릭시 연결되게 만들기

 

▣ 목록 (LIST) ▣

1. 티스토리에서 "HTML" 모드로 들어가기

2. 전화 번호 입력해 클릭하면 전화연결 HTML 

3. 이미지 연결하여 클릭하면 전화연결 HTML 

4. 전화 번호 입력해 클릭하면 문자연결 HTML 

5. 이미지 연결하여 클릭하면 문자연결 HTML 

 

 

 


 

1. 티스토리에서 "HTML" 모드로 들어가기

  (1) 티스토리 상단에 "기본모드" 클릭

  (2) 리스트 중에 "HTML" 모드 선택

 

 

 

 

2. 전화 번호 입력해 클릭하면 전화연결 HTML 

   (1) 링크 구조 | <a href="tel:전화번호"> 전화번호</a>

HTML 구조 화면에 나온 결과 값

 

 

3. 이미지 연결하여 클릭하면 전화연결 HTML 

   (1) 링크 구조 | <a href="tel:전화번호"> <img src="이미지 주소"></a>

 

 

4. 전화 번호 입력해 클릭하면 문자연결 HTML 

   (1) 링크 구조 | <a href="sms:전화번호"> 전화번호</a>

 

 

 

5. 이미지 연결하여 클릭하면 문자연결 HTML 

   (1) 링크 구조 | <a href="sms:전화번호"> <img src="이미지 주소"></a>

 

 

이상으로

티스토리 블로그에서 HTML을 사용해 전화번호 링크 클릭하면 바로 통화가 가능하게 설정하는 방법에 대해 알아보았습니다.

 

댓글