HTML Programmering, del 7 av 7

Tegnkoding og deklarering

HTML er i sannhet svært omfattende, alt etter hvor mye av dette kodespråket du vil lære. Når du er under læring, kan en side være god på noe, mens en annen er skarp på noe annet.

Bare ved å fange opp de læresidene som omhandler de rette tingene, skaper du helhet i læringen.

Når en forståelse er tilstede er det så mye lettere å vite hva man skal lete etter også! Så husk å bokmerke dine sider (Legg side i favoritter) som du kommer over av godt HTML materiale.

apasje HOME

På denne "Kom i gang" seksjonen er viktige læresidelinker for deg utstyrt med et bokmerke ikon (Bokmerke ikon), slik at det blir enkelt å legge disse sidene til i Dine Favoritter.

Vår eksempel side!

Det er et par ting vi ikke har vært innom ved kodingen på vår eksempel side. Har du falkeblikk og ser detaljer har du oppdaget en tagg i HEAD seksjonen vi ikke har beskrevet (Vist i den ferdige kildekoden, Del 6).

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />

Meta tagger er en serie elementer som hadde stor betydning under HTML 4.01, men etter hvert har fått en mindre status. Disse skal være i HEAD og inneholder metadata om websiden, som f.eks.:

Nøkkelord/søkeord, beskrivelse av siden, copyright rettigheter, oppdateringssyklus , videresendelse av URL og som den vist ovenfor,  tagg for tegnsett og tegnkoding: "text/html;charset=iso-8859-1"

Denne taggen anbefales alltid og ha med, da den beskriver at du som norsk bruker æ, ø og å i språket. Om utenlandske websurfere kommer innom siden, vil de kunne se disse bokstavene, selv om de i utgangspunktet ikke har støtte for det i sitt eget språk. (Se eksterne linker under)

Fonter og deklarering

<p style="color: #454545; font: 0.8em arial, verdana;">

I Vår eksempel side har vi ikke brukt noe CSS deklarering satt opp i egen seksjon eller fil. Vi har brukt et såkalt inline stilsett som riktignok er css basert, men deklarert i hver enkelt tagg.

Du kan lære mer om hvordan sette opp CSS stilsett under venstremenyen CSS og stilsett.

Kort fortalt setter STYLE attributtet i avsnittstaggen P farge, bokstavstørrelse og bokstavtype. Bokstavstørrelse kan deklareres på flere måter ved bruk av px (Piksler), em  og prosent (%) hvor de to siste gir muligheten for at brukere kan skalere teksten i sin nettleser.

Lær mer om font størrelser og deklarering på de eksterne linkene.

STORE og/eller små bokstaver

Lower og uppercase, små og store bokstaver, er brukt om hverandre i all scriptkoding, også innen HTML. Noen scriptspråk er case sensitiv, som betyr at bokstavstørrelsen har avgjørende betydning om koden fungerer.

Du kan bruke store og små bokstaver om hverandre innen html, siden koden vil fungere, men i XHTML er regelen bare bruk av små bokstaver. Koden vil virke, men ikke validere.

Eksempel:

<BODY>  
<P>Teksten din her..</P>  
<BODY>  

<body>
<p>Teksten din her..</p>
<body>

Altså, kun små bokstaver i tagg deklarasjoner, elementer og attributter. Gjør dette til en vane med en gang, så slipper du å bekymre deg mer om dette!

Har du lært bare litt, har denne seksjonen vært vellykket

Har du forresten vært innom HTML Generator siden her på apasje.COM? Disse er lette å bruke, og lager html kode automatisk, der alt du trenger å gjøre er å fylle inn det som er ønskelig. Kan spare deg for mye arbeid.

Like mye får du massevis av drahjelp under menyen og seksjonen Javascripts. Her er det store sjanser for å finne ting som gir liv til Hjemmesiden.

Et annet viktig verktøy her på apasje, er Html Editoren. Du finner den i venstremenyen, og denne kan lage fult ut validerbare XHTML sider helt automatisk som du kan lagre til lokal disk. Prøv den!

Om det skulle være slik at nettopp du finner innhold presentert i denne seksjonen med feil eller mangler, mangelfull eller på andre områder inneholdende feil informasjon, vil det settes pris på tilbakemelding!

Håper noe har vært til hjelp.

Neste side:     Webtekst og triggerord


Eksterne linker verdt å studere:

 

SØK ressurser

Gå til Avansert søk

HJELP til Hjemmesiden

Nyttige ressurser til ditt Hjemmesideprosjekt, alltid tilgjengelig. Klikk for å vise tilgjengelige ressurser.

Til toppen