모바일에서 클릭시 바로 전화연결 및 앱연결

 </li>
            <li class="bn_bg1">
                <div class="bn_wr">
                    <div class="bn_txt">
                        <h2>설명문구1   <br>설명문구2</h2>
                        <p>전화문의:010-0000-0000,<br>카카오톡:0000</p>
                    </div>
                </div>

이런 소스인데 혹시 위 전화문의:010-0000-0000 이라는 부분을 모바일에서 터치할시 바로 전화연결이되고

카카오톡:0000 이부분을 터치할시 카톡 앱으로 연결되게 하고 싶은데 어떻게 수정하면 가능할까요...?

상세히 알려주시면 감사하겠습니다... 채택은 OK!!!! 입니다!!!!

그리고 이 소스도 있습니다...

<ul id="comp_if">
    <li  class="com_bg1">
        <a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/mb/img.jpg" alt="전화연결 바로가기"></a>
        <h2>전화연결</h2>
        <p>설명문구1 <br>
        설명문구1</p>
        
    </li>

위 코드에 이미지를 클릭하면 전화연결 

또는 카톡연결 ... 이런 또 어캐 수정해야할까요??ㅜㅜ