Come creare un collegamento alla chiamata cliccabile utilizzando HTML

Un collegamento alla chiamata cliccabile viene generalmente utilizzato dai siti Web basati sui servizi. Con l'aiuto di questo elemento HTML, agli utenti viene impedito di perdere tempo scrivendo un numero di telefono sui loro telefoni dal sito Web. Devono solo fare clic sul collegamento e chiamare il servizio. Più specificamente, un tag HTML può essere utilizzato con l'attributo HREF = Tel per creare un collegamento alla chiamata cliccabile.

Questo manuale fornirà una procedura per effettuare un collegamento alla chiamata cliccabile in HTML.

Come creare un collegamento alla chiamata cliccabile utilizzando HTML?

In HTML, prima, aggiungi un elemento con la classe di attributi "telefonata". Quindi, all'interno di questo elemento Div, aggiungi tag per inserire il numero di telefono. In tale scenario, l'attributo HREF specifica il collegamento chiamata. Questo collegamento viene creato aggiungendo la parola chiave Tel, il colon e il numero nelle virgole invertite, come indicato nel blocco del codice seguente.

Html

Chiamaci

Fornendo il codice HTML sopra, il browser visualizza il seguente risultato:

Può essere visto dalla gif sopra fornita che il collegamento alla chiamata cliccabile è stato creato correttamente.

Come applicare gli stili CSS al collegamento alla chiamata cliccabile?

In questa sezione, le proprietà CSS verranno applicate agli elementi HTML aggiunti.

Elemento del corpo in stile

corpo
Background-color: #CD104D;

L'elemento corporeo di HTML viene applicato con il “colore di sfondo" COME "#CD104D".

STANI DIV PELLE-CALL

.telefonata
Testo-align: centro;
Margine: 100px Auto;

Applicare gli stili al Div telefonico con le proprietà CSS come segue:

• • "allineamento"La proprietà fornisce l'allineamento al testo Div.
  • "margine"La proprietà è impostata con un valore di 100px auto, in cui il primo valore specifica lo spazio in alto e in basso, e il secondo valore specifica lo spazio uguale a sinistra e a destra dell'elemento.

Tag Style “A” di telefoni telefonici

.telefonare a
Colore: RGB (250, 245, 231);
Background-color: #FD841F;
imbottitura: 25px;
raggio di confine: 10px;
DECORAZIONE DEL TESTO: Nessuno;
Font-size: 24px;
Font-Family: Verdana, Ginevra, Tahoma, Sans-Serif;

Il tag di ancoraggio utilizzato all'interno della chiamata telefonica Div viene applicato con le proprietà CSS spiegate di seguito:

• • "colore"La proprietà specifica il colore del carattere.
  • "colore di sfondo"La proprietà applica il colore allo sfondo dell'elemento.
  • "imbottitura"La proprietà specifica lo spazio attorno al contenuto dell'elemento.
  • "raggio di confine"La proprietà rende i bordi dell'elemento.
  • "decorazione del testo"La proprietà è impostata con il valore nessuno per rimuovere la sottolineatura del pulsante.
  • "dimensione del font"La proprietà viene utilizzata per l'impostazione delle dimensioni del carattere.
  • "famiglia di font"È impostato con valori Verdana, Ginevra, Tahoma, Sans-Serif. Questo elenco è fornito per assicurarsi che il browser non supporti il ​​primo, l'altro verrà applicato.

Salva il codice sopra menzionato e aprilo nel browser. La schermata di output sembrerà così:

È così che possiamo creare un collegamento alla chiamata cliccabile utilizzando HTML.

Conclusione

Per creare un collegamento alla chiamata cliccabile, è possibile utilizzare un tag HTML, in cui viene utilizzato l'attributo HREF del tag per l'aggiunta di un collegamento. Inoltre, all'interno dell'attributo HREF, sono specificate la parola chiave e il numero di telefono Tel. Questo articolo ha dimostrato il metodo per creare un collegamento alla chiamata cliccabile in HTML con un esempio pratico.