Fremhævede ord på hjemmesiden
Sat på siden 22-09-2006
Amerikanske "hype" salgshjemmesider er propfyldte med det: Ord eller sætninger, der er fremhævet med gult, ligesom hvis der var brugt en overstregningspen. Brugt med måde er det dog en smart ting.
Hvis du fx vil markere et enkelt eller nogle få vigtige ord på hjemmesiden, kan effekten være god, og den er enkelt at lave med stylesheets.
Enten i <head> i din html-kode eller på et stylesheet for sig skal du indsætte følgende kode:
<style type="text/css"> (denne linje skal kun med, hvis du indsætter koden i <head>)
.hl {background: #FFFF00; color: #000000;}
</style> (denne linje skal kun med, hvis du indsætter koden i
<head>)
Selve koden ligger altså i
klassen, som det kaldes ".hl" (hl for HighLight). Background indeholder
baggrundsfarven, som her er gul. Color indeholder tekstfarven, som her er
sort. Du kan naturligvis vælge de farver, du selv ønsker. Hvad med en flot
pink baggrund fx? Den hedder #FF00FF.
Når du vil bruge overstregningsfarven, skal du have kaldt klassen, og det gør du ved at tilføje:
class="hl"
til en tag. Eksempler:
<p class="hl">Dette er en sætning, der er overstreget.</p>
<p>Her er det kun <span class="hl">et</span> ord, der er overstreget.</p>
Du kan have flere sætninger overstreget, hvis du bruger <div class="hl"> før og </div> efter.