Hvordan få et telefonnummer stor og rød i HTML

Hvordan få et telefonnummer stor og rød i HTML


De fleste bedrifter sette opp nettsteder fordi de ønsker eksponering. I den digitale verden, folk ofte tenker på å gi kontaktskjemaer eller en e-postadresse for å få kundene i kontakt med bedrifter, men telefonnumre fortsatt har sin plass. Hvis du ønsker å oppfordre besøkende til å ringe deg, den beste måten å gjøre det på er å gjøre ditt telefonnummer skiller seg ut på siden. Du kan gjøre dette ved å gjøre det stort og rødt. Legge til en <span> rundt telefonnummeret i HTML og deretter bruke et par enkle CSS egenskaper vil formatere teksten for å skille seg ut.

Bruksanvisning

1 Åpne HTML-fil på din nettside ved hjelp av en kode redigering program, for eksempel Notepad ++, BBEdit eller jEdit. Du kan også bruke Microsoft Notisblokk i Windows.

2 Finn ditt telefonnummer i HTML-koden. Hvis du ikke legge inn telefonnummeret enda, gjør det nå.

3 Pakk inn telefonnummeret ditt i <span> kodene uansett hvor du ser det i koden og gi <span> tags en klasse attributtverdi av "telefon". Den resulterende koden vil se slik ut: <span class = "telefon"> 1-800-555-5555 </ span>. Koden kan også ha koder for avsnitt eller overskrifter pakket rundt telefonnummeret. Sett <span> tags inni disse kodene i stedet for utenfor dem.

4 Bla opp i HTML-filen til du finner <style> koder.

5 Legg <style> kodene mellom <head> taggene hvis du ikke finner noe.

6 Skriv inn følgende CSS-kode: .phone {font-size: x-large; color: red;}. Erstatt "x-large" med en skriftstørrelse i piksler hvis du foretrekker en mer spesifikk fontstørrelse konvensjonen. Bruk heksadesimale fargeverdiene for å få en annen nyanse av rødt, hvis ønskelig.

Hint

  • Hvis du ikke vil telefonnummeret ditt til å rangere på Google som et nøkkelord, er det best å ikke bruke overskriften koder for å gjøre det stort. La overskriften koder til viktige tekst inneholder nøkkelord.
  • Hvis nettstedets bakgrunnen er mørk, kan du gi teksten en skygge av en lys farge og sette offset null piksler. Sett radius blur til minst ti piksler. Dette gjør teksten glød. Her er et eksempel: .phone {text-shadow: 0 0 10px # f0e68c;}.