Comment créer un lien d'appel cliquable à l'aide de HTML

Un lien d'appel cliquable est généralement utilisé par des sites Web basés sur les services. Avec l'aide de cet élément HTML, les utilisateurs sont empêchés de perdre du temps en écrivant un numéro de téléphone sur leurs téléphones sur le site Web. Ils n'ont qu'à cliquer sur le lien et à appeler le service. Plus précisément, une balise HTML peut être utilisée avec l'attribut HREF = Tel pour créer un lien d'appel cliquable.

Ce manuel fournira une procédure pour créer un lien d'appel cliquable dans HTML.

Comment créer un lien d'appel cliquable à l'aide de HTML?

Dans HTML, ajoutez d'abord un élément avec la classe d'attribut "appel téléphonique". Ensuite, à l'intérieur de cet élément div, ajoutez une balise pour insérer le numéro de téléphone. Dans un tel scénario, l'attribut HREF spécifie le lien d'appel. Ce lien est créé en ajoutant le mot-clé Tel, le côlon et le numéro dans les virgules inversées, comme indiqué dans le bloc de code ci-dessous.

Html

Nous appeler

En fournissant le code HTML ci-dessus, le navigateur affiche le résultat suivant:

On peut voir à partir du GIF ci-dessus que le lien d'appel cliquable a été créé avec succès.

Comment appliquer les styles CSS au lien d'appel cliquable?

Dans cette section, les propriétés CSS seront appliquées aux éléments HTML ajoutés.

Élément de corps de style

corps
Color d'arrière-plan: # CD104D;

L'élément corporel de HTML est appliqué avec le «Couleur de l'arrière plan" comme "# CD104D".

Style Téléphone-Call Div

.appel téléphonique
Texte-aligne: Centre;
marge: 100px auto;

Appliquez des styles à la div de téléphone avec les propriétés CSS comme suit:

• • "alignement de texte»La propriété fournit l'alignement sur le texte div.
  • "marge”La propriété est définie avec une valeur de 100px automatique, où la première valeur spécifie l'espace en haut et en bas, et la deuxième valeur spécifie un espace égal à gauche et à droite de l'élément.

Style «A» Tag de téléphonie-call div

.Téléphone-Call A
Couleur: RVB (250, 245, 231);
Color d'arrière-plan: # fd841f;
rembourrage: 25px;
Border-Radius: 10px;
Décoration du texte: aucune;
taille de police: 24px;
Font-Family: Verdana, Genève, Tahoma, Sans-Serif;

La balise d'ancrage utilisée dans l'appel de téléphone div est appliquée avec les propriétés CSS qui sont expliquées ci-dessous:

• • "couleur»La propriété spécifie la couleur de la police.
  • "Couleur de l'arrière plan»La propriété applique de la couleur à l'arrière-plan de l'élément.
  • "rembourrage»La propriété spécifie l'espace autour du contenu de l'élément.
  • "rayon frontalier”La propriété rend les bords de l'élément.
  • "textaine-décoration”La propriété est définie avec la valeur aucune pour supprimer le soulignement du bouton.
  • "taille de police”La propriété est utilisée pour le réglage de la taille de la police.
  • "famille de polices"Est défini avec des valeurs Verdana, Genève, Tahoma, Sans-Serif. Cette liste est fournie pour s'assurer que si le navigateur ne prend pas en charge le premier, l'autre sera appliqué.

Enregistrez le code susmentionné et ouvrez-le dans le navigateur. L'écran de sortie ressemblera à ceci:

C'est ainsi que nous pouvons créer un lien d'appel cliquable en utilisant HTML.

Conclusion

Pour créer un lien d'appel cliquable, une balise HTML peut être utilisée, où l'attribut HREF de la balise est utilisé pour ajouter un lien. De plus, dans l'attribut HREF, le mot-clé TEL et le numéro de téléphone sont spécifiés. Cet article a démontré la méthode pour créer un lien d'appel cliquable dans HTML avec un exemple pratique.