Hvordan lage en klikkbar samtalelink ved hjelp av HTML

En klikkbar samtalelink brukes vanligvis av tjenestebaserte nettsteder. Ved hjelp av dette HTML -elementet forhindres brukerne fra å kaste bort tid ved å skrive et telefonnummer på telefonene sine fra nettstedet. De trenger bare å klikke på lenken og ringe tjenesten. Mer spesifikt kan en HTML -tagge brukes med Href = Tel -attributtet for å lage en klikkbar samtalelink.

Denne håndboken vil gi en prosedyre for å lage en klikkbar samtalelink i HTML.

Hvordan lage en klikkbar samtalelink ved hjelp av HTML?

I HTML, først, legg til et element med attributtklassen "telefonsamtale”. Deretter, i dette DIV -elementet, kan du legge til taggen for å sette inn telefonnummeret. I et slikt scenario spesifiserer attributtet HREF anropslenken. Denne lenken opprettes ved å legge til telesnøkkelord, tykktarm og antall i omvendte komma, som gitt i kodeblokken nedenfor.

Html

Ring oss

Ved å tilby ovennevnte HTML -kode, viser nettleseren følgende resultat:

Det kan sees fra den ovennevnte GIF at den klikkbar samtalen er opprettet med hell.

Hvordan bruke CSS -stiler på klikkbar samtalelink?

I denne delen vil CSS -egenskaper bli brukt på de ekstra HTML -elementene.

Stil kroppselement

kropp
Bakgrunnsfarge: #CD104D;

Kroppselementet til HTML brukes med “bakgrunnsfarge" som "#CD104D”.

Style Phone-Call Div

.telefonsamtale
tekst-align: sentrum;
Margin: 100px auto;

Bruk stiler på telefonkall DIV med CSS-egenskaper som følger:

• • “Tekstalign”Eiendom gir justeringen til DIV -teksten.
  • “margin”Eiendom er satt til en verdi på 100px auto, der den første verdien spesifiserer plass øverst og bunn, og den andre verdien spesifiserer lik plass til venstre og høyre for elementet.

Stil “A” tag of Phone-Call Div

.telefon-anrop en
Farge: RGB (250, 245, 231);
Bakgrunnsfarge: #FD841F;
polstring: 25px;
Border-Radius: 10px;
Tekstdekorasjon: Ingen;
Font-størrelse: 24px;
Font-Family: Verdana, Genève, Tahoma, Sans-Serif;

Ankerkoden som brukes i DIV-telefonen, brukes med CSS-egenskapene som er forklart nedenfor:

• • “farge”Eiendom spesifiserer skriftfargen.
  • “bakgrunnsfarge”Eiendom bruker farge på elementets bakgrunn.
  • “polstring”Eiendom spesifiserer plassen rundt elementets innhold.
  • “Border-Radius”Eiendom gjør elementets kanter rundt.
  • “tekstdekorasjon”Eiendommen er satt med verdien ingen for å fjerne knappens understrek.
  • “skriftstørrelse”Eiendom brukes til innstilling av skriftstørrelsen.
  • “Font-familie”Er satt med verdier Verdana, Genève, Tahoma, Sans-serif. Denne listen er gitt for å sikre at om nettleseren ikke støtter den første, vil den andre bli brukt.

Lagre den ovennevnte koden og åpne den i nettleseren. Utgangsskjermen vil se slik ut:

Slik kan vi lage en klikkbar samtalelink ved hjelp av HTML.

Konklusjon

For å lage en klikkbar samtalelink, kan en HTML -tagg brukes, der Href -attributtet til taggen brukes til å legge til en lenke. Dessuten er det i HREF -attributtet. Denne artikkelen demonstrerte metoden for å lage en klikkbar samtalelink i HTML med et praktisk eksempel.