På denna sida:	Snabb kurs HTML+CSS		Universal laddare för Laptop/Mob.tel. PDA/GPS Ladda via bilens cigaretttändare. Pris: $11.60    EUR 9.62 c.a. 81 ~ 84 Kr. Fri frakt.  ~  2 till 3 veckor.	Viktigt att du använder rätt volt och polaritet.
Vad kommer du att lära dig? Vad är HTML? Utrustning och förkunskaper. Börja skriva HTML. Ditt material / innehållet. Viktigt att uppdatera sidan.	Snabbb kurs för att komma igång med HTML 4.01 Transitional + CSS och med motsv. XHTML kod.

Vad kommer du att lära dig?

Du lär dig grundläggande HTML som är tillräckligt för att skapa en hemsida. Du blir ingen expert men du behöver inte vara det för att publicera din hemsida på Internet. W3C, organisation med ansvar för webbstandard, vill helst att man använder XHTML men det är inte helt fel att lära HTML och sedan gå över till XHTML. Det är inte så svårt.

Vill du veta mer sök på Internet. Är du helt ny till HTML titta på hur man skriver lite enkel kod. HTML står för Hyper Text Markup Language = Hyper text markerings språk. Finns ingen svensk ord för Hyper.

Information som kan vara bra att veta har ljusgrön bakgrundsfärg. Se också lexikon till höger.

HTML kod i de olika exemplen har ljusgul bakgrundsfärg.

Resultat av koden har rosa bakgrund. Vad kan jag säga. Jag är glad i färger. (Ursäkta - ni som har svårt att se färger.)

Länkar i texten leder till information som är relevant.

Tips! Vill du att länken ska öppna i ett nytt fönster håll ner SHIFT tangenten samtidigt som du klickar på en länk eller högerklicka på länken och välj Öppna i nytt fönster. Enda nackdelen med ett nytt fönster är att du kommer till sidans start och inte till den plats i sidan som länken leder till.

Tips! Tryck   CTRL+N   för att öppna den aktuella sida i ett nytt fönster om du vill ha en extra fönster.

Vad är HTML?

HTML är basspråk i många sidor som används på Internet. Det är, observera, inget programmerings språk. Det är endast ett sätt att beskriva innehåll, struktur och utformning av ditt material.

När du skapar en sida så beskriver du, med hjälp av olika märke, hur sidan ska formatteras. Dessa märke kallas för "tagg" och kommer från den engelska termen "tag". Du skapar olika element på din sida. Dessa finns som block och inline element.

En tagg är en instruktion, innesluten mellan avgränsare / hakar (eng. brackets) < och > , som din webbläsare kan tolka. De flesta taggar har en start och slut tagg. Vill du veta mer om HTML gå till sidan   om HTML

Du behöver en dator så klart och några program. Har du en webbläsare och program för att skriva text har du tillräckligt för att komma igång. För den som använder Windows så fanns webbläsare fr.o.m. Windows95.

Andra operativa system har liknande program som motsvarar de som jag kommer att hänvisa till. Använder du något annat än Windows kan du leta upp de program som utför samma funktion.

Det är inte lätt att hitta bra program som är menade för att skriva HTML och är gratis dessutom. En som är bra om man kan engelska är Selida - 2.74 Mb. Hemsidan finns inte längre men du kan söka på Internet eller ladda ner här.

Du behöver inte vara uppkopplad mot Internet för att skriva och testa dina webbsidor.

När det gäller förkunskaper det är bra om du vet skillnaden mellan olika typer av filer och förstå vad en filändelse är Att kunna kopiera och flytta filer samt skapa en mapp. Är detta helt nytt titta på   denna sidan.

Börja skriva HTML

Vi skriver kod i ett program som skriver enbart text alltså Anteckningar (eng. Notepad). Detta är en enkel textredigerare och finns i Tillbehör i Windows. Du kan skriva i andra program bara man sparar som en textfil.

Ett lite mer sofistikerad program, som är dessutom gratis, är Note Tab Light. Den är på engelska och hämtas från Fookes Software. Välj Downloads och lite längre ned på sidan finns Note Tab Light.  (Öppnas i eget fönster / flik)

Vill man följa den standard (XHTML)som är tänkte att gälla för webbsidor måste koden skrivas med små bokstäver (gemena). Jag kommer att använda stora bokstäver (versaler) när jag förklarar taggen och små bokstäver i koden.

För att din sidan ska betraktas som ett korrekt skriven webbsidan den första rad som ska börja alla dina sidor är DOCTYPE och nedan ser du vad som kallas för en övergångs typ alltså Transitional. Är du nybörjare använd denna.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Vad denna rad gör är att informera webbläsare, och program som analyserar webbsidor, vilken version HTML sidan följer. Se siffror 4.01 i koden. Läs mer om HTML och XHTML doctype på denna sidan.

Om webbläsare har inte denna information kan den tolka din kod lite hur som helst och sidan kan se annorlunda i olika webbläsare.

Nu skriver vi lite HTML och det kan vara på plats att påpeka att HTML kod har engelsk stavning och måste skrivas med denna stavning. TITLE och den svensk TITEL betyder samma sak och det är lätt att skriva fel.

Vi skriver en mycket enkel webbsidan och sparar den i mappen som vi skapade. Själva koden förklaras nedan. För att se hur koden ser ut i Anteckningar vi öppnar den i ett eget fönster / flik.

Vill du spara tid med att skriva kod spara ovan text sidan med filändelse    html   eller   htm   men vill du skriva koden själv se nedan.

Bas struktur		Med titel		Med CSS	USB laddare för att ladda iPhone4
<html> <head> ........... </head> <body> ... ........</body> </html>		<html> <head> ........... <title> ............ </title> </head> <body> ... ........</body> </html>		<html> <head> ........... <title> ...............</title> <style> ............ </style> </head> <body> ... ........</body> </html>

Koden nedan, till vänster, är ett komplett dokument. Skriv den i Anteckningar. Till höger finns en kort förklaring om taggen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Kod för ovan tabell om du är nyfiken. (Ej för nybörjare)

En webbsidan byggs ihop av olika filer. Sidan med text och taggar är en fil. Bilder är filer som infogas i sidan. Detssamma om olika media filer som ljud, video, Flash etc.

Webbsidan består av två sektioner. Huvud delen med titel      HTML test sidan 1.    och kroppen med innehåll. Detta kan vara text och bilder men för tillfället är     Hej på dej!   som visas i webbläsaren. Notera att de har ingen avgränsare.

Läs regler om koden i anteckningar Vill du veta mer om hur man skriver kod titta på denna sida.

Text i ett HTML-dokument behandlas på ett speciellt sätt när det visas i en webbläsare. Alla extra radbrytningar och mellanslag ignoreras. Om du skriver fem olika rader slås de ihop till en enda rad i webbläsaren. Om du har flera mellanslag mellan två ord, i din text, visar webbläsaren bara ett mellanslag.

Det finns särskild kod och taggar som används för att skapa extra radbrytning och mellanslag. Vi kommer till dem snart.

Innehållet var bara en kort rad som skrivs ut vänsterjusterat. Längre rader skrivs från kant till kant i webbläsaren. Vill du se en bild om vilket som är titel och innehållet (BODY) titta här.

Spara ditt dokument med filändelse   .html   så att vi kan öppna den i webbläsaren. T.ex. som   index.html    Det är mycket viktigt med rätt filnamn och filändelse. Undvik svenska bokstäver och mellanslag.

 Obs! Din startsida måste alltid heta     index.html    i små bokstäver. 

Startsidan är den sidan man kommer till allra först. Det är härifrån man länkar vidare till övriga sidor.

Viktigt - Hela din hemsidan ska ha en ordnat struktur så att det är lätt att administrera. Läs denna sidan.

Ditt material / innehållet.

Det finns lite olika sätt att infoga material. Det vanligaste är att man skriver allting själv och samtidigt infogar de taggar som behövs för att omvandla det hela till en webbsida.

Ett annat sätt är att kopiera din text från något annat dokument, som du har skrivit, och på så sätt undvika extra jobb. Läs mer här.

Viktigt att uppdatera sidan.

Innan vi går vidare vill jag nämna en viktig sak. Varje gång du ändrar text eller kod i ditt dokument spara filen och uppdatera din sida. Du gör det enkelt genom att trycka på knappen F5. Läs mer här.

Något som också är bra, innan du publicerar dina sidor på nätet, är att testa vid olika skärmupplösningar. Det kan hända att ditt innehåll - text, tabeller och bilder ändrar placering om du inte planerar för olika upplösningar. Mer om detta när vi tittar på tabeller.

Spara ofta. Detta är mycket, mycket viktigt .

Det behövs bara ett strömavbrott eller något annan störning och du kan förlora mycket arbete. Detta kan du undvika om du spar ofta.

Använd snabbtangenter för att spara ditt arbete. Tryck ner tangent CTRL och sedan tangent S ( S som i Save alltså spara) vilket är ett snabbt sätt att spara filen.

Om du gör något misstag välj genast    Redigera     i menyraden och sedan  Ångra   innan du sparar. Har du sparat så är det bara att korrigera ditt misstag. En del program kan faktiskt återskapa dokumentet baklänges i flera steg så att du kan komma till den version som du tyckte var bra innan du blev missnöjd.

Skapa kopior av alla dina filer. Det enklaste är att du helt enkelt kopierar din hemsidan till en annan säker plats. Det kan spara dig en del tårar när hårddisken krånglar eller om du är som jag och klantar till ordentligt och förlorar allt jobb.

På nästan sidan		8 i  1 verktyg för naglar. Med skydds väska. Pris: $10.90    EUR 9.09  c.a. 77 Kr. Fri frakt 2 ~3 veckor. Annat intressant . Bra pris. Fri frakt.
Radbrytning. Nytt stycke, Mellanslag.
Storlek på rubriker.
Egenskaper för en tagg.
ASCII kod.