So erstellen Sie einen klickbaren Anruflink mit HTML

Ein klickbarer Anruflink wird normalerweise von servicebasierten Websites verwendet. Mit Hilfe dieses HTML -Elements wird verhindert, dass Benutzer Zeit verschwenden, indem sie eine Telefonnummer auf ihren Telefonen von der Website schreiben. Sie müssen nur auf den Link klicken und den Dienst anrufen. Insbesondere kann ein HTML -Tag mit dem Attribut href = tel verwendet werden, um einen klickbaren Anruflink zu erstellen.

Dieses Handbuch bietet eine Prozedur zum Erstellen eines klickbaren Anruflinks in HTML.

So erstellen Sie einen klickbaren Anruflink mit HTML?

Fügen Sie in HTML zunächst ein Element mit der Attributklasse hinzu “Anruf”. Fügen Sie dann in diesem DIV -Element Tag hinzu, um die Telefonnummer einzulegen. In einem solchen Szenario gibt das Attribut HREF den Anruflink an. Dieser Link wird erstellt, indem das TEL -Keyword, Dickdarm und die Anzahl in invertierten Kommas hinzugefügt wird, wie im folgenden Code -Block angegeben.

Html

Rufen Sie uns an

Durch die Bereitstellung des oben genannten HTML -Codes zeigt der Browser das folgende Ergebnis an:

Aus dem oben bereitgestellten GIF ist ersichtlich, dass der klickbare Anruflink erfolgreich erstellt wurde.

So wenden Sie CSS -Stile auf klickbare Anruflink an?

In diesem Abschnitt werden CSS -Eigenschaften auf die hinzugefügten HTML -Elemente angewendet.

Stilkörperelement

Körper
Hintergrundfarbe: #CD104D;

Das Körperelement von HTML wird mit dem angewendetHintergrundfarbe" als "#CD104D”.

Style Phone-Call Div

.Anruf
Text-Align: Mitte;
Rand: 100px Auto;

Wenden Sie Stile auf die Telefonanruf-DIV mit CSS-Eigenschaften wie folgt an:

• • “TextausrichtungEigenschaft bietet die Ausrichtung auf den Div -Text.
  • “RandDie Eigenschaft wird mit einem Wert von 100px Auto festgelegt, wobei der erste Wert oben und unten den Speicherplatz angibt, und der zweite Wert gibt links und rechts neben dem Element den gleichen Speicherplatz an.

Stil „A“ Tag des Telefonanrufs Div

.Telefonanruf a
Farbe: RGB (250, 245, 231);
Hintergrundfarbe: #fd841f;
Polsterung: 25px;
Border-Radius: 10px;
Textdekoration: Keine;
Schriftgröße: 24px;
Schriftfamilie: Verdana, Genf, Tahoma, Sans-Serif;

Das im DIV-Telefonanruf verwendete Anker-Tag wird mit den nachstehend erläuterten CSS-Eigenschaften angewendet:

• • “FarbeEigenschaft gibt die Schriftfarbe an.
  • “HintergrundfarbeEigenschaft wendet Farbe auf den Hintergrund des Elements an.
  • “PolsterungEigenschaft gibt den Raum um den Inhalt des Elements an.
  • “Grenzradius”Eigenschaft macht die Kanten des Elements rund.
  • “TextdekorationDie Eigenschaft wird mit dem Wert eingestellt.
  • “SchriftgrößeEigenschaft wird für die Einstellung der Schriftgröße verwendet.
  • “Schriftfamilie”Wird mit Werten Verdana, Genf, Tahoma, Sans-Serif eingestellt. Diese Liste wird bereitgestellt, um sicherzustellen, dass der Browser die erste nicht unterstützt, die andere wird angewendet.

Speichern Sie den oben genannten Code und öffnen Sie ihn im Browser. Der Ausgangsbildschirm sieht so aus:

So können wir mit HTML einen klickbaren Anruflink erstellen.

Abschluss

Um einen klickbaren Anruflink zu erstellen, kann ein HTML -Tag verwendet werden, bei dem das HREF -Attribut des Tags zum Hinzufügen eines Links verwendet wird. Darüber hinaus werden innerhalb des HREF -Attributs das TEL -Schlüsselwort und die Telefonnummer angegeben. Dieser Artikel hat die Methode gezeigt, um einen klickbaren Anruflink in HTML mit einem praktischen Beispiel zu erstellen.