Visual Studio Code

OBS! Om du redan laddat ner Visual Studio Code så kan du hoppa direkt till steg 4

1. Gå till www.code.visualstudio.com

Visual Studio Code

2. Tryck på Download och tryck på “Windows”.

3. Följ stegen på din dator för att fullfölja installtionen.

4. Öppna upp Visual Studio Code.

4. Tryck på “File” och sedan på “New File”.

5. Tryck på “File” och sedan på “Save”. Döp din fil till index.html (OBS små bokstäver). OBS – kom ihåg VAR på din dator du sparar filen. Tryck på “Save”.

6. Nu har vi ett “HTML-dokument”. NU behöver vi lägga in kod som visar att det är HTML kod som datorn skall förstå. Klistra in följande kod i ditt HTML dokument och tryck på “file” och välj sedan “SAVE”.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html" charset="iso-8859-1">
    <title>My portfolio!</title>
    <style>

    </style>
  </head>
  <body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>

  </body>
</html>

7. Om du skulle öppna ditt HTML dokument i din browser nu t ex Google Chrome eller explorer så skulle du bara få en vit och tom sida. Lägg till koden nedan mellan body taggarna och ändra texten till ditt Namn. Se bild om du är osäker på var du ska placera koden.

<p> Jag heter Amelie</p>

8. Nu ska vi bara öppna dokumentet. Gå till platsen där du sparat index.html (tex mina dokument eller Skrivbordet) –> dubbelklicka på filen så kommer den att öppnas i din webbläsare.
FÄRDIG!

OM OSS

HAJA KOD introducerar programmering och digitalt skapande för barn och vuxna.

KONTAKT

Visual Studio Code

OBS! Om du redan laddat ner Visual Studio Code så kan du hoppa direkt till steg 4

OM OSS

KONTAKT