Cómo hacer un enlace de llamadas en el que se puede hacer clic usando HTML

Un enlace de llamada en clic en los sitios web basados ​​en servicios generalmente se utiliza. Con la ayuda de este elemento HTML, se les impide perder el tiempo escribiendo un número de teléfono en sus teléfonos desde el sitio web. Solo necesitan hacer clic en el enlace y llamar al servicio. Más específicamente, se puede utilizar una etiqueta HTML con el atributo href = tel para hacer un enlace de llamada en el que se puede hacer clic.

Este manual proporcionará un procedimiento para hacer un enlace de llamada en HTML en HTML.

Cómo hacer un enlace de llamadas en el que se puede hacer clic usando HTML?

En HTML, primero, agregue un elemento con la clase de atributos "llamada telefónica". Luego, dentro de este elemento div, agregue la etiqueta para insertar el número de teléfono. En tal escenario, el atributo href especifica el enlace de llamada. Este enlace se crea agregando la palabra clave Tel, colon y número en comas invertidas, como se indica en el siguiente bloque de código.

Html

Llámenos

Al proporcionar el código HTML anterior, el navegador muestra el siguiente resultado:

Se puede ver desde el GIF proporcionado anteriormente que el enlace de llamada en clic se ha creado con éxito.

Cómo aplicar los estilos CSS al enlace de llamada?

En esta sección, las propiedades CSS se aplicarán a los elementos HTML agregados.

Elemento de cuerpo de estilo

cuerpo
Color de fondo: #CD104D;

El elemento corporal de HTML se aplica con el "color de fondo" como "#CD104D".

Estilo telefónico Div Div

.llamada telefónica
Text-Align: Center;
Margen: 100px Auto;

Aplique estilos al Div de llamadas telefónicas con propiedades CSS de la siguiente manera:

• • "texto alineado"La propiedad proporciona la alineación al texto DIV.
  • "margenLa propiedad se establece con un valor de 100px automático, donde el primer valor especifica el espacio en la parte superior e inferior, y el segundo valor especifica el espacio igual a la izquierda y la derecha del elemento.

Etiqueta de estilo "A" de llamadas telefónicas div

.CALLETRO A
Color: RGB (250, 245, 231);
Color de fondo: #FD841F;
relleno: 25px;
Border-Radius: 10px;
Decoración de texto: ninguna;
tamaño de fuente: 24px;
Font-Family: Verdana, Ginebra, Tahoma, Sans-Serif;

La etiqueta de anclaje utilizada dentro de la llamada telefónica Div se aplica con las propiedades CSS que se explican a continuación:

• • "color"La propiedad especifica el color de la fuente.
  • "color de fondo"La propiedad aplica el color al fondo del elemento.
  • "relleno"La propiedad especifica el espacio alrededor del contenido del elemento.
  • "radio fronterizo"La propiedad hace que los bordes del elemento reduzcan.
  • "decoración de texto"La propiedad está configurada con el valor Ninguno para eliminar el subrayado del botón.
  • "tamaño de fuenteLa propiedad se utiliza para la configuración del tamaño de la fuente.
  • "Familia tipográfica"Se establece con valores Verdana, Ginebra, Tahoma, Sans-Serif. Esta lista se proporciona para asegurarse de que si el navegador no admite el primero, la otra se aplicará.

Guarde el código mencionado anteriormente y ábralo en el navegador. La pantalla de salida se verá así:

Así es como podemos hacer un enlace de llamada en clic en HTML.

Conclusión

Para hacer un enlace de llamada en clic, se puede utilizar una etiqueta HTML, donde se utiliza el atributo href de la etiqueta para agregar un enlace. Además, dentro del atributo HREF, se especifican la palabra clave Tel y el número de teléfono. Este artículo demostró el método para hacer un enlace de llamada en HTML con un ejemplo práctico.