Come fare il vostro numero di telefono Grande e rosso in HTML

June 7

Come fare il vostro numero di telefono Grande e rosso in HTML


La maggior parte delle imprese messi in siti web perché vogliono l'esposizione. Nel mondo digitale, le persone spesso pensano di fornire moduli di contatto o un indirizzo e-mail per ottenere i clienti in contatto con le imprese, ma i numeri di telefono hanno ancora il loro posto. Se si vuole incoraggiare i visitatori a chiamarti, il modo migliore per farlo è quello di rendere il vostro numero di telefono spiccano sulla pagina. È possibile farlo facendo le cose in grande e rosso. L'aggiunta di un <span> in tutto il numero di telefono in HTML e poi applicare un paio di semplici proprietà CSS si formattare il testo di distinguersi.

istruzione

1 Aprire il file HTML della pagina web utilizzando un programma di editing del codice, come ad esempio Notepad ++, BBEdit o jEdit. È inoltre possibile utilizzare Blocco note di Windows.

2 Trova il tuo numero di telefono nel codice HTML. Se non è stato aggiunto ancora il numero di telefono, farlo ora.

3 Avvolgere il tuo numero di telefono nei tag <span>, ovunque si vede nel codice e dare il <span> tag un valore attributo di classe di "telefono". Il codice risultante sarà simile a questa: <span class = "telefono"> 1-800-555-5555 </ span>. Il tuo codice può anche avere tag per paragrafi o intestazioni avvolte intorno il numero di telefono. Mettere i <span> tag all'interno di questi tag, piuttosto che al di fuori di essi.

4 Scorrere verso l'alto all'interno del file HTML fino a trovare il <style> tag.

5 Aggiungere <style> tag tra i tag <head> tag se non si trova alcuna.

6 Digitare il seguente codice CSS: .phone {font-size: x-large; colore rosso;}. Sostituire "x-large" con una dimensione del carattere in pixel, se si preferisce una più specifica convenzione incollatura della fonte. Utilizzare valori di colore esadecimali per ottenere una tonalità diversa di rosso, se lo si desidera.

Consigli e avvertenze

  • A meno che non si desidera che il numero di telefono di rango su Google come parola chiave, è meglio non utilizzare tag di intestazione per renderlo grande. Lasciare tag di titolo di importanti parole chiave del testo che contiene.
  • Se il fondo del tuo sito web è buio, si può dare il testo l'ombra di un colore chiaro e si imposta il suo offset a zero pixel. Impostare il raggio di sfocatura di almeno una decina di pixel. Questo rende il bagliore testo. Ecco un esempio: .phone {text-shadow: 0 0 10px # f0e68c;}.