Introduktion till HTML-skolan

I den här kursen får du lära dig hur du gör egna hemsidor. För att göra websidor behövs ett språk som både du och datorn förstår. Språket heter HTML (Hyper Text Markup Language). Att lära sig HTML är inte alls så svårt som vissa vill säga. Man kan göra mycket användbara och snygga websidor med måttliga kunskaper i HTML.
HTML är inget vanligt programmeringsspråk utan snarare ett sätt att formatera text och bilder. Ett HTML-dokument kan ses som en vanlig textfil med instruktioner om hur webläsaren ska visa den. Principen för dessa instruktioner är mycket enkel. HTML-koden sätts alltid mellan tecknen < och > (mindre än och större än). Ett kommando som står mellan dessa tecken kallas en "tagg". Många taggar har en "på" och en "av"-tagg. Om du t ex vill skriva ditt namn i fet stil måste du använda taggen <B> som slår på fetstilen. När du sedan har skrivit ditt namn och vill stänga av fetstilen skriver du </B>. Så här blir hela koden: <B>Ditt namn</B>
Man kan se taggarna som en behållare som innehåller olika saker. I exemplet innehåller behållaren fet stil.

En tagg kan också innehålla attribut som preciserar hur taggen ska tolkas. Attributen placeras i starttaggen. Som exempel kan vi se på taggen <FONT>. Med taggen <FONT> kan man bl a ange storlek och färg på texten. Om man vill ha röd text skriver man:
<FONT COLOR=RED>Röd text</FONT>
Här kallas color ett attribut. Värdet på attributet COLOR är i exemplet ovan RED.

Generellt kan man skriva en tagg så här:
<tagg attribut=värde>Texten man vill formatera</tagg>

Regler i HTML

Som regel kan man säga att HTML inte är känsligt för stora och små bokstäver. Du kan alltså skriva koden med stora, små eller blandade bokstäver. Jag kommer att skriva exempelkoder med stora bokstäver.
Däremot ser HTML mer allvarligt på slarv med mellanslag. <FONTCOLOR=RED> eller < FONT COLOR =RED> är inte det samma som <FONT COLOR=RED>.
Ibland kan det vara säkrast att sätta ett attributs värde inom citationstecken (" "). T ex <FONT SIZE="+2">.
Regeln lyder: Använd citationstecken alltid då attributets värde innehåller andra tecken än internationella bokstäver (A-Z, a-z). Kom ihåg att ett citationstecken aldrig skadar. Det är alltså bättre att sätta dit dem i onödan.

En värld i förändring

Din webläsare kommer inte att skriva ut taggarna. De är bara till för att visa webläsaren hur han ska redigera sidan. Eftersom olika webläsare har olika funktioner och sätt att visa sidor på kan en sida se något olika ut i olika webläsare.
HTML är inte statiskt utan utvecklas hela tiden. Nya webläsare kan förstå fler taggar än gamla. Om en webläsare stöter på en tagg som den inte förstår hoppar den över den.

Du kan skriva in din HTML-kod i vilken texteditor som helst. Bara du sparar den med efternamnet htm eller html så går den att öppna i din webläsare. Det finns givetvis många speciella program för att göra hemsidor. Vissa hävdar till och med att man inte behöver kunna någon HTML-alls för att göra hemsidor med tanke på de nya, avancerade webdesign-programmen. Men HTML är ändå viktigt att kunna för att kunna finjustera sidorna och dessutom nödvändligt om man vill lära sig använda andra, mer avancerade, möjligheter på sin sida (såsom java-applets, ccs osv).

Lycka till med skapandet!


Huvud-
meny
Nästa
lektion