Meningen med den här hemsideskolan är att den ska vara enkel att förstå och att alla som läser det här ska kunna använda det som står här.
Jag har delat upp Hemsideskolan i flera olika områden, antingen kan du börja från början eller så hoppar du helt enkelt till det du är intresserad av, bra va?
Observera att jag INTE har kopierat denna hemsideskola, utan skrivit den själv efter vad jag själv tycker man ska lära sig och vad jag har i huvudet.

Den här sidan är under ständig uppbyggnad och jag håller på att utöka Hemsideskolan, men om du letar efter mer avancerade lösningar så kommer dom! Eller så kan du ta en titt på Stilmallar eller Javascript.

 För Nybörjare
- Grunderna i HTML och hur du kommer igång
- Gör din första provsida
- Sätt in bilder på din sida
- Gör länkar
- Färger till din hemsida
- Bakrundsbilder
- Flera användbara HTML-koder
- Publicera sidan på internet
- Vanliga fallgropar

Mer avancerat

- Att göra ramar
- Ta bort marginalerna
- TARGET
- Länkbeskrivning
- SSI - server-side include
- Gör så att sökmotorerna hittar din sida - använd meta-märken

Övrigt

- Kort om bildformat

Grunderna i HTML och hur du kommer igång
HTML är det språk i vilket alla webbsidor (hemsidor) på internet är skrivna i och står för Hyper Text Markup Language. Språket kan vara komplicerat i början, och det är inte alls ofta som man verkligen behöver använda det. Det beror på att de flesta hemsideprogrammen idag är uppbyggda så att användaren får så lite att göra som möjligt. Ett program som jag själv använder och som är väldigt enkelt för såväl nybörjaren som den avancerade webbdesignern är Microsoft Frontpage 2000. Där arbetar du ungefär som i Word och det programmet är ju de flesta bekanta med.
Men jag tänker ändå gå igenom de viktigaste stegen för att komma igång när det gäller HTML-kodning.

Ett HTML-dokument är indelat i olika stycken, varje nytt stycke börjar med tecknet < och avslutas med />. Innanför dessa tecken står det alltid ett slags kodord. Ett exempel på ett sådant kodord är det som varje HTML-dokument börjar med. Det är tecknet och koden: <html> och hela HTML-dokumentet avslutas med </html>.
Innanför dessa två sk "taggar" står hela dokumentet.

Ett annat exempel är när man t ex vill göra texten fet, då skriver man <B>här skrivs texten</B>. B står för det engelska ordet Bold. Koden <B> står alltså för att all text efteråt ska vara i fet stil, och när man skrivit den text som ska vara fet avslutar man med </B> där tecknet / betyder "upphör".
De flesta koder avslutas som vi såg ovan (</kod>) men inte alla, ett tydligt exempel på det är koden <P> som betyder nytt stycke. Där behöver man inte avsluta.

Alla koder i HTML är väldigt känsliga, t ex för mellanslag, så om du skriver </htm l> istället för </html> så uppfattas inte det på rätt sätt. Det är dock inte viktigt om du t ex skriver <b> istället för <B>, HTML gör ingen skillnad på versaler.

Till att börja med ska du fundera ut vad du vill ha på din hemsida, t ex vad sidan handlar om, din intressen, vem du är, hur du kan kontaktas mm. När du gjort det är det bara att sätta igång.

Din sida ska bestå av fyra olika delar.
- Titel
- Huvud
- Kropp
- Fot

Titel
Titeln är den text som står innanför taggarna <TITLE> och </TITLE> och är den text som visas högst upp i webläsarens fönster. T ex "Fredriks hemsida, över 200 drinkarr" eller nåt liknande.

Huvud
Huvudet är sidans inledning och ska bestå av text, bilder och sånt som du vill ha på din sida. Men använd inte för mycket bilder, man kan lätt bli otålig som besökare och inte orkar vara kvar eftersom bilder tar tid att ladda.

Kropp
Här är sidans tyngdpukt. Här ska sidans ändamål och innehåll finnas med. Efter det kommer de viktigaste länkarna och bilderna.

Fot
Här ska info om författaren finnas med. T ex e-post och ev. telefonnummer och ev. copyright-information ska finnas här.

Till att börja med kan du skapa en ny sida (Arkiv och Nytt), ett exempel på hur du kan skriva är:
<HTML><TITLE>Rajtzing.com - Allt du behöver</TITLE>
<H1>Här står rubriken</H1>
Här står all intressant text!
<P>
</HTML>

(H1 står för att texten är så stor som möjligt, vill du skriva med mindre text skriver du bara H2, H3 osv.)
Prova nu att skriva in det här och spara filen som t ex test.htm. Nu kan du öppna filen och själv se vad du har gjort! Om knappen "Förhandsgranska i webläsare" finns i verktygsfältet så klicka på den så får du se hur den skulle se ut på internet.

Nu har du lärt dig de absoluta grunderna i HTML, nu rekomenderar jag att du går vidare till nästa område!

Gör din första provsida
Nu har du gått igenom grunderna i HTML och det är dags att försöka göra din första provsida. Självklart en väldigt enkel sådan.

Börja med att öppna ett nytt HTML-dokument (Arkiv och Nytt), du kan göra det i vanliga program som används annars också, t ex Microsoft Word eller Notepad. Om du råkar ha ett Frontpage-program eller nåt likande så använder du såklart det.

Nu har du en helt tom vit sida, gå till stället där du kodar in HTML och skriv följande:
<HTML>
<BODY>
<HEAD>
<TITLE>Skriv en valdri titel här</TITLE>
</HEAD>
<H1>Skriv en valfri rubrik till din sida här</H1>
Här skriver du texten till det första stycket
<P>
<H2>Skriv en till rubrik</H2>
Och text till det andra stycket
<P>
</BODY>
</HTML>

För att webläsaren ska uppfatta koden måste varje HTML-dokument börja och avslutas med <HTML>...</HTML>.
<BODY>...</BODY> omsluter dokumentet, sidans "kropp".
<HEAD>...</HEAD> omger titeln.
<TITLE>...</TITLE> omger titeln, dvs texten i titelrade i webläsaren.
<H1>...</H1> all text mellan taggarna visas som en rubrik, största möjliga.
<P> gäller för nytt stycke och behöver inte avslutas med </P>.

Nu när du skrivit in koden så kan du titta på sidan i webläsaren och bedömma hur du vill ha det. Sätt in den text som passar just dig i koden och se vad skillnaden blir. Exprimentera!




Sätt in bilder på din sida
Bilder är ett måste på varje hemsida, det ger mer liv och man kan ibland lättare visa vad man menar genom bilder. Men en viktigt del är att inte använda för stora bilder, maxstorleken brukar ligga på 30-50 Kilibyte (Kb). Bildens upplösning, alltså hur detaljerad den är är oftast den största orsaken till hur stor den blir.

Det finns två filformat på internet, JPEG och GIF, alltså fil.jpeg eller fil.jpg och fil.gif. JPEG brukar rekomenderas till fotografier och GIF till tecknade bilder, men det är naturligtvis inget man behöver följa, man använder det filformatet man tycker passar bäst vid det tillfället helt enkelt!

För att sätta in en bild behöver du såklart en kod som till allt annat. Efter <BODY>-taggen skriver du följande där du vill ha din bild:
<IMG SRC="bild.jpeg">
Vill du t ex att bilden placeras i mitten på sidan skriver du bara:
<IMG SRC="bild.jpeg" ALIGN="center"> eller
<IMG SRC="bild.jpeg" ALIGN="right"> om du vill ha bilden placerad till höger, och
<IMG SRC="bild.jpeg" ALIGN="left"> om du vill ha bilden placerad till vänster på sidan.
Om du vill hämta bilden från någon annan sida än din egen (var noga med att du har tillåtelse) skriver du följande:
<IMG SRC="http://www.bild.se/bildarkiv/bild.jpeg" BORDER="0">
BORDER="0" betyder att det inte finns någon ram runt bilden, vill du ha en liten ram skriver du BORDER="1" osv.




Gör länkar
För att en hemsida ska bli en hemsida så måste man ju kunna förflytta sig mellan de olika sidorna på din webplats. Det gör man genom länkning. En länk är en text eller bild som man kan klicka på och därefter komma till den adressen som är kopplad till länken.

Att göra länkar i olika hemsideprogram är väldigt enkelt, oftast är det bara att markera den text eller bild som man vill ska bli länkad och klicka på "Infoga hyperlänk" uppe i verktygsfältet. Där skriver du in adressen till sidan och klickar på OK, enkelt va?

Men nu ska vi inte koncentrera oss på hemsideprogram eftersom alla är lite olika, utan koncentrera oss på HTML-kodning. Inte heller när det gäller kodning är det speciellt svårt.
HTML-taggen när det gäller att länka heter A HREF och ska inleda koden. Ett exempel:
<A HREF="C:\Mina dokument\minsida.htm">Titta på bilden!</A>
Som sagt är <A HREF> början på koden, därefter ett "likamedstecken" och citationstecken, därefter skriver man den katalog eller mapp som man vill komma till, i det här fallet Mina dokument. Efter själv adressen till sidan avslutas det med ett citationstecken och ett >-tecken. Därefter står den text som man vill ska bli länkad, och efter det avslutar man med taggen </A>. Det var väl inte så svårt?
Vill du länka till en sida som redan finns på internet skriver man naturligtvis:
<A HREF="http://www.rajtzing.com">Till Rajtzing.com</A>.

Det är ganska vanligt att man vill att besökaren ska kunna skicka e-post till dig, utan att behöva skriva in adressen. T ex längst ner på sidan står ditt namn och din e-postadress, och du vill att folk ska kunna klicka på den. För att göra det behöver du använda dig av ett attribut som kallas mailto, och som vanligt så måste det omslutas av attributet A HREF eftersom det är en länk.
Koden för att göra en e-postlänk blir alltså:
<A HREF="mailto:namn@leverantor.se">Min email</A>
Genom att klicka på länken kommer besökaren till ett tomt e-postmeddelande med din mailadress redan inmatad i adressfältet!




Färger till din hemsida
Din hemsida behöver inte ha vit bakrund, svart text och blåa länkar, det blir så mycket roligare om man sätter lite färg på sidan! Dock inte för mycket eller för starka färger. Det måste vara skönt för ögat och lätt att se. T ex så är gul text på vit bakrund helt fel, det är nästan omöjligt att se vad det står.
Färgerna på webben är sk RGB-färger och varje färg har en speciell kod, t ex så har vit koden #FFFFFF och svart har #000000.
För att ändra bakrundsfärgen på din hemsida använder man sig av attributet BGCOLOR till koden BODY. Koden för vit bakrund ser alltså ut så här:
<BODY BGCOLOR="#FFFFFF">dokumentet står här</BODY>
Texten på dokumentet färgsätts på samma sätt, så här:
<BODY TEXT="#000000">dokumentet står här</BODY>
Just nu är bakrunden vit och texten svart, naturligtvis så är inte alltid det så kul, utan expreimentera själv med olika färger och skriv in olika koder. T ex #RRGGBB, #C0C0C0, #4CB5F8, alltså prova dig fram!
Det finns även färger som redan är namngivna så att man inte ska behöva skriva in någon jobbig kod. De namngivna färgerna är de vanligaste, t ex white=vit, yellow=gul, blue=blå, maroon=mörkröd, navy=mörkblå, purple=blåröd, olive=olivgrön, teal=grågrön, gray=grå, silver=ljust grå, lime=gulgrön, aqua=ljusgrön, black=svart, fuchsia=ljus violett.
Alltså gör du följande om du vill ha svart bakrund t ex:
<BODY BGCOLOR="black">dokumentet står här</BODY>
Eller om du bara vill ha vissa ord i en viss färg, t ex gult gör du följande:
<FONT COLOR="yellow">orden i gult</FONT>.
Färgen på länkarna kan man styra på likadant sätt, men om du t ex vill att länken ska färgas svart när någon klickat på den använder vi oss av VLINK. Koden ser i så fall ut så här:
<BODY VLINK="black">.




Bakrundsbilder
Istället för att ha en färg som bakrund kan man änvända sig av en bild, då gör man på samma sätt som när man väljer bakrundsfärg, fast man byter ut BGCOLOR mot BACKGROUND.
Alltså blir koden:
<BODY BACKGROUND="bakrund.gif">dokumentet står här</BODY>
I det här fallet kallar vi bakrunden för "bakrund.gif".
Om du har bakrunden i en annan fil än resten av dina hemsidemappar så måste du skriva hela adressen till bilden, t ex:
<BODY BACKGROUND="C:\Mina bilder\bakrund.gif">dokumentet står här</BODY>
Men akta så att du inte tar en för färgstark bild som bakrund, det blir lätt svårläst mot texten då.

Flera användbara HTML-koder
Här tänkte jag gå igenom några av de vanligast koder för att "fixa" till sidan lite.

<B>...</B> Texten blir fet.
<I>...</I> Texten blir kursiv.
<U>...</U> Texten blir understruken.
<STRONG>...</STRONG> Framhäver texten krafigt.
<BLOCKQUOTE>...</BLOCKQUOTE> När du citerar ett långt stycke text.




Publicera sidan på internet
Nu har vi kommit till att lägga upp din hemsida på internet så att alla får tillgång till den. Själva publiceringen kan göras på många olika sätt, och jag tänker inte gå in så djupt på hur det görs, men jag tänker komma med lite programförslag.
Det programmet jag jobbar i heter Microsoft Frontpage 2000 och där är det väldigt lätt att lägg upp sidan, gå bara till Arkiv-menyn och klicka på Publicera webbplats. Därefter får du intstruktioner om hur du ska gå till väga.
Jag använder mig även av ett program som heter FTP. Där skrivier du in ditt användarnamn och lösenord samt vilken server sidan ska ligga på. All den informationen kan du få av din internetleverantör.
Därefter får din sida en adress liknande den här: http://www.dinleverantor.se/anvandarnamn/dinsida.htm, men den adressen kan du lätt ändra på flera olika ställen på internet. Exempel är www.cjb.net eller come.to.




Vanliga fallgropar
När du nu är i full gång med att göra din hemsida är det många enkla fallgropar som du kan råka ut för, alltså små misstag eller fel som är lätta att rätta till eller saker som är bra att tänka på. Jag har försökt ta med det viktigaste:

# Fallgrop Anledning
1.



 Bestäm dig för ett bestämt antal färger.



 Det blir irriterande och störande med 20 olika färger på samma sida, välj istället ett färgmönster eller en nyans på webbplatsen. Visst ska du ha fler än en färg, men använd inte för många olika färger.
2.







 Använd ett vanligt typsnitt, t ex Arial, Times, Verdana, Helvetica eller liknande.






 Använd ett vanligt typsnitt för att om man befinner sig på en sida på internet som har ett typsnitt som inte du har installerat på datorn kan det se konstigt ut. Om jag t ex använder typsnittet "3 Prong Tree" på min hemsida är det bara besökare med det typsnittet installerat som kan se typsnittet. Det är ju bättre att själv välja innan hur besökaren ska se sidan genom at välja t ex Verdana som alla har!
3.




 Ta bort onödiga ramkanter!




 Att ha en massa ramkanter (frame-kanter) som inte behövs är både irriterande och ger ett amatörmässigt intryck. Plus att de är helt funktionslösa. Skriv istället BORDER="0" i koden så försvinner de. Var bara försiktig så att inte detta gör att information inte blir synlig på sidan, testa!
4.





 Använd små bilder, alltså antalet Kb/Mb som bilden har.




 Ingen har någon större lust att sitta och vänta på att en bild ska laddas om det tar långt tid. Försök att aldrig använda en större bild än 30-50 Kb. Även dessa siffror är stora, men använd inte större storlek, försök i så fall minska bilden i program som Photoshop, Paintshop eller liknande. Använd helst så lite bilder som möjligt!
5.



 Tänk dig själv som en besökare på just din sida, hur tänker han och vad faller blicken först på?


 Genom att tänka som en besökare och försöka sätta dig in i hur du skulle tänka som en sådan gör att du lättare ser misstagen.
Tänk på vad din blick först faller på när du kommer till sidan, detta ska vara något viktigt!
6.





 Ta aldrig bilder utan lov på en annan sida på nätet.




 Om du besöker en sida på nätet och ser en snygg bild som du också vill ha så får du inte bara ta den. Personen som gjort sidan är också ägare till bilderna. Om du tar copyright-skyddade bilder har du begått ett brott. Naturligtvis har också du rätten till dina bilder och ingen får ta dem utan ditt tillstånd!
7.




 Använd rätt bakrund och textfärg!




 Ett grovt misstag är om du t ex har en vit bakrund på din sida och sedan har en gul text. Detta gör att det är nästintill omöjligt att se vad som står. Det allra bästa är nästan en vit bakrund med mörkblåa bokstäver. Testa alltså så att man ser vad som står!
8.





 Kontrollera alltid i flera webbläsare!





 Kontrollera alltid din webbplats i både Internet Explorer och Netscape Navigator, och i flera versioner av programmen.
Netscape och Explorer tolkar HTML-koden olika i vissa avseenden, så kolla alltid att sidan ser bra ut överallt! Kontrollera även i både PC och Mac, även där kan det bli skillnader.
9.







 Kopiera aldrig en text utan lov!







 Om du t ex ser en bra text på internet som du också vill ha får du inte bara kopiera den, etersom någon annan äger den. T ex låttexter och dyligt är extra viktiga att låta bli utan tillstånd. Som du säkert förstår är det svårt för någon att komma på om du kopierat lite oskyldig text, och det är inte många som bryr sig heller. Men det finns folk som inte gillar sådant här, så låt helst bli!
10.





 Gör det enkelt!





 Gör din sida enkel. Alltså, om du hittar 10 olika specialeffekter på internet som är gratis att använda, betyder det inte att din sida blir bättre. Speciella saker som t ex animationer och olika effekter blir bara irriterande i längden. De kan vara roliga i början, men man vill ju få tillbaka sina besökare, eller hur? Enkelt bli oftast bäst!
11.



 Uppdatera ofta!



 Uppdatera din sida ofta, på det sättet kommer besökaren tillbaka för att kolla om det hänt något. Om det finns något nytt nästan varje gång personen kommer dit så blir det roligare och det blir fler besök!





Att göra ramar
Att ha ramar på din hemsida är ett bra sätt att få liv på sidan. Att ha ramar innebär att man har t ex två HTML-sidor "inbakade" i en sida. Ett exelpel är hur jag har gjort med min hemsida, som du ser så har jag en meny till vänster på sidan som alltid stannar kvar på plats oavsett vilken sida på webbplatsen du befinner dig. Samma sak är en "topram" jag har högst upp som också alltid stannar kvar. Men när du klickar i menyn till vänster öppnar sig sidan i detta fönster som du befinner dig i nu.

Alltså, för att göra en sida där du klickar i en meny till vänster och sidan öppnas i rutan bredvid (resten av sidan) skriver du så här:
<frameset cols="150,*">
<frame name="innehåll" src="meny.htm">
<frame name="huvud" src="huvudsida.htm">
<noframes>
dokumentet här
</frameset>

Frameset cols anger hur bred vänstermenyn ska vara, i det här fallet har jag valt 150 som är en vanlig storlek. Du kan givetvis ändra efter tyck och smak.
Frame name anger namnet på den sidan, i det här fallet "innehåll" och "huvud".
SRC anger vilken sida som anknyter till frame name. I det här fallet "meny.htm" och "huvudsida.htm".
No frames är till för de webbläsare som inte stöder ramar, dock stöder de flesta ramar.
Till slut avslutas det hela med </frameset>.

Skriv in koden ovan och ta en till hur det ser ut i webbläsaren!

Om du t ex vill ha ytterligare en ram, så att sidan blir indelad i tre ramar vågrätt. Då skriver du bara till en rad under frame name-raden, alltså en likadan rad. T ex:
<frameset cols="150,*">
<frame name="innehåll" src="meny.htm">
<frame name="huvud" src="huvudsida.htm">
<frame name="ram3" src="ram3.htm">
<noframes>
dokumentet här
</frameset>

Se hur det ser ut i webbläsaren!

Som du ser så är ramarna försedd med rullningslister, de behöver man inte ha om man inte vill. För att ta bort dem använder vi oss av BORDER="0", där border anger hur breda kanterna ska vara. Alltså om du vill ha en väldigt bred kant kan du skriva BORDER="4", eller om du inte vill ha någon kant alls kan du skriva BORDER="0". Ett exempel:
<frameset cols="150,*" BORDER="0">
<frame name="innehåll" src="meny.htm">
<frame name="huvud" src="huvudsida.htm">
<frame name="ram3" src="ram3.htm">
<noframes>
dokumentet här
</frameset>

Om du sedan inte vill ha några rullningslister på t ex vänstermenyn använder vi oss av SCROLLING. Du lägger alltså till SCROLLING="no" där du inte vill använda dig av rullningslister.
Ett exempel:
<frameset cols="150,*">
<frame name="innehåll" src="meny.htm" SCROLLING="no">
<frame name="huvud" src="huvudsida.htm">
<frame name="ram3" src="ram3.htm">
<noframes>
dokumentet här
</frameset>

Titta nu hur det ser ut i webbläsaren!




Ta bort marginalerna

Oftastnär du gör din sida så har du säkert upptäckt att du får en ca 10 mm bred marginal runt hela sidan. T ex bilder som du vill ha längst upp i ena hörnet kommer inte där du vill, utan det blir en smal marginal mellan webbläsarens kant och din bild.
Detta är väldigt enkelt att ändra på, såhär:

Eftersom Netscape och Explorer tolkar marginaler på olika sätt måste du ange en kod för båda.
Alltså, i BODY-märket ska du lägga in följande:

<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

Som du säkert förstår kan du ange ett valfritt nummer istället för noll (0) som ovan, för att få en bredare marginal.




TARGET
TARGET betyder egentligen målram och anger på vilken sida eller i vilken ram sidan ska öppnas. Om du t ex gör en länk i ramen "meny" och vill att den ska öppnas i ramen "huvud" skriver du:
<A HREF="lank.htm" TARGET="huvud"></A>

Om du istället vill att sidan ska öppnas i ett nytt webbläsarfönster skriver du:
<A HREF="lank.htm" TARGET="_blank"></A>

Om du vill att sidan ska öppnas i hela sidan istället för en ram skriver du:
<A HREF="lank.htm" TARGET="_top"></A>




Länkbeskrivning
Att beskriva en länk när man för muspilen över den är ett bra sätt att ge info om antingen storleken på  bilden eller info om vart länken leder.
För att göra det använder vi oss av ALT. Ett exempel:
<A HREF="lank.htm" ALT="Mina länkar"></A>

Prova det och titta sedan i webbläsaren hur det ser ut!

Naturligtvis kan du också göra samma sak om du vill beskriva en bild som inte är en länk, ett exempel:
<IMG SRC="minbild.jpeg" ALT="Min bild">




SSI - server-side include
SSI är ett väldigt bra sätt att gå till väga för att få en enklare uppdatering av hemsidan.
Jag ska försöka beskriva ett exempel så det blir lite lättare att förstå:

På in index-sida har du en meny till vänster (inga frames) och en beskrivande text i en större ruta till höger. Vi säger att du har denna meny på 20 sidor på din webbplats, och att du vill lägga till en länk i menyn. I vanliga fall blir det väldigt jobbigt att sitta och ändra på alla 20 sidor, istället kan du använda dig av SSI.
Börja med att tillverka menyn och spara den som en vanlig HTML-sida, t ex som meny.htm
Gör då t ex en tabell som vanligt i filen index.htm där menyn ligger i vänsterrutan och infot i den större högerrutan. I den tabell-cell där du vill ha menyn skriver du följande:
<!--#include file="meny.htm"--> (Observera att filen meny.htm ligger i samma mapp som index.htm).
På det här sättet så hämtar servern sida meny.htm och lägger in den i index.htm. Enkelt!
Det enda som är kvar att göra, en viktig del, är att du måste spara sidan som innehåller SSI-koden som .shtml, annars kanske det inte fungerar. Istället för index.htm blir det alltså index.shtml.
OBS! Kom ihåg att SSI inte stöds av alla webbhotell, kolla med din leverantör innan du börjar jobba!

Detta är ett väldigt bra och enkelt sätt att uppdatera din hemsida, prova!




Gör så att sökmotorerna hittar din sida - använd meta-märken

När du nu har publicerat sidan på internet är det dags att ragga besökare, det gör man lättast genom att se till att din sida hittas i sökmotorerna. För att göra detta använder man sig av sk meta-märken.

Det första meta-märket vi ska gå igenom kallas "keywords". Där ska du alltså skriva alla ord som du vill ska referara till din sida. Om du t ex vill att din sida ska komma upp när någon söker efter "kläder", så skriver du det. Låter krångligt? Jag visar ett exempel:

Meta-märket ska läggas in efter TITLE, alltså:
<TITLE>Min hemsida</TITLE>
<META name="keywords" content="min, hemsida, kläder, länkar">

Förklaringen är alltså att alla ord du vill ska referera till din hemsida skriver du i som ovan. Du kan givetvis skriva hur många du vill!
Just sökordet "kläder" är kanske inte det bästa, eftersom det antagligen finns tusentals andra sidor med samma sökord. Den populäraste sidan med ordet "kläder" kommer överst, alltså den med flest besökare. (Går dock att betala vissa sökmotorer för att komma högre upp på listan.)

För att göra det ännu lite enklare för surfaren att hitta din sida kan du lägga till ett till meta-märke efter det du skrev nyss. Meta-märket kallas "description", alltså en beskrivning av din sida, ett exempel:

<TITLE>Min hemsida</TITLE>
<META name="keywords" content="min, hemsida, kläder, länkar">
<META name="description" content="Här på min hemsida finns allt om mig, kläder och länkar">

Det finns ännu fler meta-märken, men dessa kommer jag inte gå igenom här, de jag visat ovan är de vanligaste och viktigaste.




Kort om bildformat

På webben har du säkert kommit i kontakt med bildformat, om inte annat när du själv gjort bilder i olika bild- och ritprogram. De bilder som i huvudsak används på internet är GIF och JPEG (jpg).

Vilket bildformat ska man då välja? Det finns lite utstakade linjer för det.
JPEG ska du främst använda när det handlar om fotografier, då ser det bäst ut. JPEG är för övrigt mitt "favoritformat", eftersom det kan användas även till ritade bilder, men regeln är egentligen: JPEG=fotografier.
GIF används i regel till ritade bilder, alltså animationer av olika slag.

Den egentliga skillnaden mellan GIF och JPEG (som också kan skrivas jpg) är antalet färger som formatet visar.
GIF är begränskat till max 256 fäger, vilket gör att formatet har svårt för vissa nyanser.
JPEG däremot visar alltid 16,7 miljoner färger.

Det finns även ett ganska nytt bildformat, PNG. Formatet används inte speciellt mycket eftersom det är relativt nytt och inte speciellt känt. Nackdelen med formatet är att många webbläsare inte stöder PNG korrekt, vilket gör det svårt att använda. Jag kommer inte gå in närmare på det formatet just nu, men om du vill veta mer om PNG så rekomenderar jag följande sajter:
- Allt om png
- W3c om png