ROSALYN KNAPP LOVISA LEVIN SANNA NILSSON

Storlek: px

Starta visningen från sidan:

Download "ROSALYN KNAPP LOVISA LEVIN SANNA NILSSON"

Gustav Karlsson
för 6 år sedan
Visningar:

1 MIN FÖRSTA HEMSIDA <body bgcolor> <a href> <img src> ROSALYN KNAPP LOVISA LEVIN SANNA NILSSON

2 TACK Först och främst vill vi rikta ett stort tack till Marcus Lindström som har illustrerat boken. Utan honom hade inte denna bok varit möjlig. Tack till Kimberly Trapnell för alla barntips och hjälp när allt stått stilla. Tack till Daniel Beauchamp och Jamie Law för handledning inom HTML. Slutligen tack till Veronica Wiman Nilsson för hjälpsamma grammatiska diskussioner. För mer information, besök gärna ILLUSTRATÖR: MARCUS LINDSTRÖM Copyright Kalle Kodare 2013 Spridning eller kopiering av allt material i boken är ej tillåtet av ägarna.

3 Det här är Kalle Kodare. Kalle älskar att leka i sitt rum med sina HTML-taggar. Han försöker att bygga ett hus med dem, men hans föräldrar förbjuder honom att göra det för det blir alltid så stökigt när han leker med dem. <img src> <img src>

4 Kalle Kodare drömmer sig istället bort till världen Internet, ett ställe där alla kan bygga med HTML och ingen kommer att säga åt honom vad han får eller inte får göra. Världen Internet är ett ställe där alla får chansen att uttrycka sina åsikter och sin kreativitet. Vill du följa med Kalle till världen Internet?

5 <html>... Allt började i begynnelsens tid av datorer och Internet någonstans i Schweiz. De uppfann Internet, men allting var tyst man kunde inte prata med varandra i denna nya värld. För att kunna prata på Internet var uppfinnarna tvungna att hitta på ett helt nytt och hemligt språk som de döpte till HTML. Detta språk är inte bara för att prata med, utan man kan även bygga med hjälp av språkets kraft. <img src> <header> Detta är var Kalle vill leka och bygga med, men hans föräldrar är stränga och förstår inte sig på HTML-språket. Men det är ju inte konstigt. För att kunna veta att man pratar det hemliga språket HTML så måste man börja med en <html>-tag. Och det vet ju inte Kalles föräldrar!

6 Samtidigt som Kalle Kodare drömmer sig bort om världen Internet, samlar han ihop sina HTML-taggar från golvet och stoppar i sin ryggsäck. Med hjälp av taggarna kan Kalle skapa både färger och bilder. Han packar ned sina taggar och även favorit-tangentbordet med musen så han kan flytta runt på taggarna när han väl börjar bygga med dem. Just där och då när Kalle plockar <body bgcolor> ihop sina taggar bestämmer han sig: Jag flyttar till Internet! Hänger <a href> ni med?.

7 Kalle Kodare surfar på Internet som även kallas nätet för att hitta en ledig adress. Till slut hittar han en ledig plats som han döper till

8 Kalle Kodare anländer till världen Internet, glad och exalterad över att äntligen få vara här och se vad han kan bygga på sin nya adress. Men först av allt så måste han bygga ett hus så att han har någonstans att bo! Inga problem, säger Kalle till sig själv, Jag har ju min ryggsäck med alla HTML-taggar som kan bygga ett hus åt mig!. Kalle tar upp sin -tag och gör husets struktur med det. Detta är basen till huset som han kan bygga vidare på.. <body bgcolor> <a href> <img src>

9 Hmm... Vad behöver jag nu?, tänker Kalle varsamt. Vad skulle hända om det började regna? Självklart! Jag behöver ett tak!, utbrister Kalle Kodare. Med sin -tag bygger Kalle ett tak så att huset fungerar som ett skydd, precis som ett hus ska göra. <body bgcolor> <a href> <img src>

10 Kalle funderar på vad han ska bygga härnäst på sitt hus och kommer på idén att han på något sätt måste visa att detta minsann är Kalle Kodares hus. -taggen bygger en titelskylt åt honom så att alla ser att Kalle bor här. <body bgcolor> <a href> <img src>

11 Huset ser lite tråkigt ut, tycker du inte?, säger Kalle och kliar sig i huvudet. Han letar igenom sin ryggsäck och utropar AHA! när han hittar sin favorittag som målar färgen. Taggen <body bgcolor> gör tricket och gör hans hus färgglatt och fint, <body bgcolor= pink > är färgkoden Kalle Kodare använder sig av - pink betyder rosa. <a href> <img src> <body bgcolor=pink>

12 Men hur ska Kalle Kodare komma in i huset? Behöver han inte en dörr, och kanske några fönster? Jag har den perfekta taggen för det, säger Kalle Kodare och drar upp <img src= fönster > och <img src= dörr >-taggen från ryggsäcken. <img src> gör att Kalle kan bygga bilder på huset, som i detta fall blev en dörr och två fönster. <img src= fönster > <a href> <img src= dörr > <body bgcolor= pink >

13 Kalle är så stolt över sitt nya fina hus och vill att alla ska känna sig välkomna att hälsa på. Han tar därför sin -tag, som står för paragraf, och bygger en dörrmatta som det står Välkommen på. Nu kommer alla vilja hälsa på! <a href> <img src= dörr > <img src= fönster > <body bgcolor= pink >

14 Vänta lite nu... Hur ska Kalle komma in igenom dörren? Dörren är ju bara en bild. Måste han inte ha en nyckel? Detta är lite krångligt. Kalle Kodare låter tveksam men skiner upp när han ser att han faktiskt bara har en tag kvar i sin ryggsäck, och det är precis vad han behöver. Självklart behöver jag länka min dörr till insidan! <a href= Jag är en länk! >-taggen kommer vara min nyckel in i huset!. <a href= jag är en länk > <img src= dörr > <img src= fönster > <body bgcolor= pink >

15 Detta är hela den hemliga koden som Kalle Kodare använde sig av för att bygga sitt hus. Kalle använder sig av tecknet / för att avsluta vissa tags så man vet var de ska vara. / är nästan som en punkt i en mening! Kan du para ihop taggarna med rätt del av huset? <html> Kalle</title> </head> <body bgcolor= pink > <a href= jag är en länk > <img src= fönster > <img src= dörr > </a> välkommen </body> </html> <img src= dörr > <img src= fönster > <body bgcolor= pink > <a href= jag är en länk >

16 Kalle Kodare ska precis öppna dörren till sitt nya hem när han hör en hög skräll bakom sig. Kalle! Kalle vänta!

17 Det var hans mamma och pappa som kom springande och kramade Kalle hårt när de väl kom fram till huset.de hade letat överallt efter Kalle! Huset är helt fantastiskt Kalle, sa hans föräldrar samtidigt. Vi är så stolta över dig! Kan du kanske lära oss det hemliga språket HTML?. <img src= dörr > <img src= fönster > <body bgcolor= pink > <a href= jag är en länk >

Relevanta dokument

Nätet. Uppgiften. Nivå

Nätet. Uppgiften. Nivå Nivå 1 Nätet All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Uppgiften Har