Hvordan lage Cool Tekst med små mengder av HTML

Selv om gjennomgripende stilark har hovedsakelig erstattet HTML når du formaterer tekst, evnen til å skape noen interessante effekter i HTML fortsatt eksisterer. Teksteffekter er noen ganger vurdert av profesjonelle webdesignere å være glorete og ta oppmerksomheten fra den generelle følelsen av nettstedet. Nøkkelen er å ikke overdrive det, velge fra de mer enkle HTML-effekter, for eksempel uthevet tekst.

Bruksanvisning

1 Marker hele eller deler av teksten ved å bruke følgende HTML-kode:

<Span style = "background-color: # FFFF00"> User tekst </ span>

Erstatt "Bruker tekst" med tekst som du ønsker å fremheve. HTML-koden "# FFFF00" er en fargekode for lys gul. Endre denne koden for en annen høydepunkt farge.

2 Legg til et bakgrunnsbilde til teksten med følgende kode:

<Span style = "background-image: URL (http://www.imageurl.com/image.jpg); font-size: 32pt"> Din tekst </ span>

Erstatt "http://www.imageurl.com/image.jpg" med nettadressen til bildet du ønsker å bruke. Bildet kan være en JPEG, GIF eller PNG. Endre tallet i font-size-attributtet (for tiden 32) for å øke eller redusere skriftstørrelsen. Bilde bakgrunn fungere godt med større tekst.

3 Legg til en tittel verktøytips på teksten ved å bruke følgende kode:

<Span title = "Dette er den viste verktøytips"> Beveg musen over denne teksten </ span>

Erstatt "Dette er den viste verktøytips" med teksten du vil vises når musen beveger seg over teksten. Erstatt "Beveg musen over denne teksten" med teksten du vil vise på ditt nettsted. verktøy tekst tips dukker opp i en liten tekstboks når brukerens markøren er plassert på teksten.

Hint

• Hvis du bare vil bruke en effekt på en bestemt del av teksten, sette inn noen av de ovennevnte kode i midten av et avsnitt eller tekstblokk. Effekten vil bare gjelde for teksten i mellom <span> koder.