Vad är HTML?
HTML är ett märkspråk som används till att skapa hemsidor som ses i webbläsaren. Det som är meningen med HTML är att en .html-fil skall kunna visas av alla webbläsare oberoende om besökaren sitter på en PC eller Mac. Då krävs det att man kodar på rätt sätt. Med HTML så strukturerar du upp din hemsida med hjälp av taggar. Till exempel: Om du vill göra en del av en text i fet stil så börjar du att skriva <strong> och avslutar med </strong>. Vissa taggar behöver ingen sluttagg. Till exempel:
eller ![]()
. Alla taggar kan skrivas med stora bokstäver, t.ex. eller . Alla taggar kallas för element. Det finns också vissa alternativ för de olika taggarna. Vi kanske vill att en text skall visas i färgen röd. Då skriver vi <font color=”red”>Min röda text</font>. Elementet vi använder nu är <font> och den har ett attribut som heter color. Sen skriver vi vilken färg vi vill ha. Ett attribut måste ha ett mellanslag mellan taggnamnet och attributnamnet. Om vi skriver så tolkas det fel och då blir inte texten röd. Webbläsaren tolkar de olika taggarna och skriver ut själva innehållet. Har du skrivit fel kod så kan inte din webbläsare tolka taggarna och då blir det oftast fel. Det finns olika versioner av HTML. Just nu är HTML 4.0 den version man använder mest. HTML 5 är en ny version men alla webbläsare stödjer inte den versionen.
HTML-dokument
Ett HTML-dokument kan skapas i vilken textredigerare som helst men skall sparas med filändelsen .html. De flesta använder Anteckningar (Notepad) att skriva kod i men det är rekomenderat att skaffa sig en mer avancerad textredigerare, t.ex. Notepad++ eller Eclipse. Efter du har sparat din .html fil så ska du öppna den i din webbläsare. När du ska spara en fil, använd inte å,ä eller ö. En rekomendation är att alltid stava filnamn med små bokstäver. En viktig sak med HTML-taggarna är att dom måste avslutas innan en annan tagg börjar. Följande HTML kod är korrekt:
<strong><em>Min text</em></strong>
Den här koden är felaktig.
<strong><em>Min text</strong></em>
Om du börjar att skriva <strong> och sen glömmer du att skriva en sluttagg till den så kommer allting efteratt bli i fetstil. Glöm aldrig att avsluta en tagg.
Ett exempel på ett HTML-dokument
Ett simpelt HTML-dokument kan ses nedan.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Min hemsida</title>
</head>
<body>
<h1>Välkomment till min hemsida!</h1>
<p>Det är min egen hemsida som jag gjort med hjälp av HTML.</p>
<img src=”” />
</body>
</html>
Du kanske inte förstår vad det här betyder? Det skall vi nu gå igenom.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> betyder att vi vill använda oss av version 4.0 av HTML. Det kallas för en DOCTYPE. Du måste alltid ha en DOCTYPE överst i ditt dokument.
<html> och </html> ser du att dom finns i början och i slutet. Det betyder att här börjar samt slutar ett HTML-dokument.
<head>och </head> är en tagg som alltid skall komma efter taggen. I taggen skriver man sin titel på hemsidan med hjälp av <title></title>. är också tillför att man ska kunna ange META-taggar och sökvägar till CSS och javascript dokument. För dig som är nybörjare räcker det med att skriva. Att ha en <title>på sin hemsida är obligatoriskt. Titlen är det som syns högst uppe i din webbläsare.
<body> och </body> säger att allt innanför dessa taggar skall visas på hemsidan, exempelvis text och bilder.
<h1></h1> Anger att texten som står innanför kommer visas som en rubrik. <h1> är den största rubriken medans <h6> är den minsta. Du kan ändra från <h1> till <h2>, <h3> osv.
<p></p> är till för att skriva stycken.
<img src=”” /> betyder att vi vill visa en bild och attributet src=”" anger sökvägen till bilden.
HTML-redigerare
Det finns många bra HTML-redigerare att ladda ner gratis ifrån nätet. Jag rekommenderar Notepad++. Dreamweaver finns också men jag gillar inte den eftersom den skapar den mesta koden automatiskt för dig.
