Kapittel 3 - Skrifttyper og farger

Det finnes mange måter å formatere tekst på i HTML, vi skal nå se på overskrifter som defineres ved å bruke taggene <h1> til <h6> hvor <h1> er størst og <h6> er minst.

<html>
<head>
<title>
Dette er tittelen på siden
</title>
</head>
<body>
<h1>Dette er en overskrift skrevet med h1-taggen.</h1>
<h2>Dette er en overskrift skrevet med h2-taggen.</h2>
<h3>Dette er en overskrift skrevet med h3-taggen.</h3>
<h4>Dette er en overskrift skrevet med h4-taggen.</h4>
<h5>Dette er en overskrift skrevet med h5-taggen.</h5>
<h6>Dette er en overskrift skrevet med h6-taggen.</h6>
</body>
</html>

Eks. 2 - Overskrifter

Se resultatet av eksempel 2 i et nytt vindu

Disse taggene skal ikke brukes fordi "det er den størrelsen" du vil ha på teksten. Disse taggene formaterer riktignok teksten slik at størrelsen på skrifttypen blir større enn normal tekst på siden, men dette er altså ikke riktig bruk. Du skal bruke den størrelsen på overskrifter som best angir viktigheten av overskriften på siden. Den viktigste overskriften formateres med <h1>-taggen, en litt mindre viktig overskrift med <h2>-taggen og så videre til og med <h6>-taggen.

Søkemotorer rangerer nettsider etter mange kriterier, et av kriteriene er hvor relevant innholdet på sidene dine er i forhold til et søkeord som noen søker på. Søkemotorer drives av datamaskiner som har vanskelig for å avgjøre om innholdet på sidene dine er relevant for et søkeord og er avhengig av litt hjelp fra mennesker. Denne hjelpen gis blant annet ved å bruke fornuftige overskrifter som angitt ovenfor.

Hvis f.eks. hovedoverskriften (skrevet med <h1>-taggen) er Vinsmaking og en mindre overskrift er Tur til frankrike med vinklubben (f.eks. skrevet med <h3>) vil søkemotoren raskt kunne slutte seg til at det viktigste ordet på denne siden er Vinsmaking og det er større sjanse for at noen som søker på ordet Vinsmaking vil finne nettopp din side i søkemotoren.

Ordene Tur til frankrike med vinklubben vil ikke søkemotoren se på som fullt så viktige som Vinsmaking, men likevel viktigere enn "normal" tekst på siden. Det er dermed større sjanse for at du får besøk på siden din fra noen som søker på Tur til frankrike, vinklubb eller andre sammensetninger som er relevante til overskriften enn om du ikke hadde skrevet teksten Tur til frankrike med vinklubben som en overskrift.

Noen ganger er det også ønskelig å utheve ord i den "vanlige" teksten, altså all tekst som ikke er overskrifter. Dette gjøres med <em>-taggen

Vi skal nå se på andre tagger som brukes til å formatere tekst. Disse taggene skal vi kun bruke i dette kapitlet! Vi skal senere se på alternativer til disse taggene som vi deretter skal benytte oss av. Årsaken til at vi ikke skal bruke de førstnevnte taggene videre er at de er under utfasing noe som vil si at de med tid og stunder ikke vil virke i nettleserene. For enkelhets skyld er det imidlertid greit å lære seg disse taggene før man ser på de alternative metodene.

Det er viktig å ikke benytte seg av tagger som er under utfasing da det er usikkert når de slutter å virke i en nettleser, det kan skje om 10 år eller om 10 dager, det beste er å være på den sikre siden.

Tagger under utfasing

HTML er et markeringsspråk som i hovedssak skal fortelle en nettleser (eller et program/søkemotor) hvordan et dokument er bygd opp og IKKE hvordan f.eks. et stykke tekst (overskrift el. annet) skal se ut. Dette kan kanskje høres merkelig ut. Du trodde kanskje det var nettopp det man skulle med HTML?

Før i tiden var det fullt mulig i HTML å blande både strukturering og formatering av innhold i et dokument/nettside. Det kan man fremdeles, men som med tagger under utfasing vil også dette forandre seg etterhvert.

HTML utvikler seg mer og mer til å bli et struktureringsspråk uten store muligheter for å formatere utseendet til innhold i nettsidene. Oppgaven med å forme utseendet til innholdet i sidene har tilfalt CSS (Cascading StyleSheets eller stilark på norsk).

Noen av taggene som fremdeles (feilaktig) blir mye brukt er blant annet <b> (bold - fet skrift), <i> (italic - kursiv), <u> (underline - understreket) og <s> (strikethrough - gjennomstreket). Disse taggene brukes som vanlig med en start-tag og en slutt-tag (f.eks. <b>"Skrift som skal være fet"</b> blir "Skrift som skal være fet").

Neste >> >>