¿Cómo hacer un enlace de llamadas usando HTML?

Con el auge de la navegación web móvil, los beneficios de llamar directamente desde una página web se han vuelto más realistas. Hacer un enlace de llamadas es fácil con el uso de HTML. HTML proporciona a los navegadores protocolos como tel, que se utilizan para agregar números de teléfono en los que se puede hacer clic. Cada navegador responde de manera diferente a estos protocolos. Algunos inician la aplicación del teléfono con el número en la pantalla, esperando que llames mientras que otros hacen la llamada directamente.

Acercarse:

  • Agregue tel: (un número) dentro del atributo href de la etiqueta de anclaje.
  • Incluso puede agregar el código de país para llamadas internacionales como parte del número.
  • Algunos números de teléfono tienen una extensión. Puede agregar p antes de la extensión que causará un retraso de un segundo antes de marcar el siguiente teléfono.

Sintaxis:

<a href="tel:(countrycode)(NUMBER)p(extension)"> Text </a>

Ejemplo 1: este ejemplo crea un enlace de llamadas mediante HTML.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to make a call-able
        link using HTML ?
    </title>
      
    <style>
        body {
            text-align:center;
        }
        h1 {
            color:green;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
      
    <h3>
        Make a call-able link using HTML
    </h3>
      
    <a href="tel:9876765678">
        Call to GeeksforGeeks support
    </a>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el enlace:
  • Después de hacer clic en el enlace:

Ejemplo 2: este ejemplo crea un enlace de llamadas mediante HTML.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to make a call-able
        link using HTML ?
    </title>
      
    <style>
        body {
            text-align:center;
        }
        h1 {
            color:green;
        }
        a {
            text-decoration:none;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
      
    <h3>
        Make a call-able link using HTML
    </h3>
      
    <a href="tel:9876765678p107">
        📞 Help
    </a>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el enlace:
  • Después de hacer clic en el enlace:

Publicación traducida automáticamente

Artículo escrito por harshcooldude700 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *