Snabbkurs i HTML
Nu ska du lära dig hur du tillverkar en enkel hemsida. Språket som används är HTML. HTML-koden kan du skriva in i vilken texteditor som helst. Viktigt är bara att du kan spara den med efternamnet html eller htm (filnamn.html eller filnamn.htm). Då du väl sparat filen kan du titta på den i en webläsare.
Alla HTML-dokument måste i grunden se ut på ett visst sätt. Så här kan en väldigt enkel HTML-kod se ut.
<HTML>
<HEAD>
<TITLE>Dokumentets titel</TITLE>
</HEAD>
<BODY>
Här skriver du den text
som du vill att andra ska läsa...
</BODY>
</HTML>
HTML-koden syns till höger medan resultatet syns till vänster. Den text som står mellan < och > kallas en tagg. De taggar som finns i exemplet ovan ska alltid finnas med i ett HTML-dokument.
- Mellan taggen <TITLE> och </TITLE> skriver du in dokumentets titel. Den syns sedan längst upp i webläsaren på namnlisten.
- Mellan taggen <BODY> och </BODY> läggs själva dokumentet in. Det du skriver här kommer att visas i webläsaren.
Formatera text
Den text som du skriver mellan <BODY> och </BODY> kan du formatera på olika vis:
- Om du skriver <BR> i texten bryts raden.
- Skriver du <P> i texten inleds ett nytt stycke.
- Den text du skriver mellan <B> och </B> blir fet.
- Den text du skriver mellan <I> och </I> blir kursiv.
- Den text du skriver mellan <U> och </U> blir understruken.
Bilder
Vill du infoga en bild i texten skriver du <IMG SRC="bild.gif">. Texten inom " " ska bytas ut mot filnamnet på den fil du vill infoga. Tänk på att bilden måste vara placerad i samma katalog som HTML-dokumentet.
Länkar
En viktig del av ett HTML-dokument är oftast länkar. En länk skriver du på följande vis:
<A HREF="www.volvo.se">Kom till volvo</A>
Texten inom " " är adressen till den sidan du vill länka till (i detta fallet volvos sida). Därefter följer den text som användaren ska kunna klicka på (i detta fallet "Kom till volvo").
Vill man ha en bild som länk skriver man in koden för bilden istället för texten som skulle utgöra länken. T ex
<A HREF="www.saab.se"><IMG SRC="bild.gif"></A>