1. En enkel webbsida
Sub Title

2. Jag börjar med att lägga in koden för doctype som talar om vilken typ av dokument det är och hur det ska tolkas.
De vanligaste dokumenttyperna är Strict, Transitional och Frameset. I det här exemplet har jag valt att använda
mig av strict då denna dokumenttyp alltid bör eftersträvas. Då jag väljer att använda strict så måste jag också separera
Innehåll från struktur med hjälp av css, återkommer om detta lite längre fram.

3. En enkel webbsida
Efter doctype lägger jag in koden för html som är en förkortning av Hyper Text Markup Language och är det språk som
används för att skapa webbsidor. Det är mellan html:s start och slut-tagg som jag kommer att skriva in den kod som avgör
hur innehållet på webbsidan kommer att visas.

4. Nästa steg är head-taggen detta är webbsidans huvud och innehåller information om dokumentet. Det som står innom
head-taggarna syns inte på själva webbsidan. Det är här som jag kommer att lägga in den externa css länken till css filen.

5. Här har jag lagt till meta-taggen. I denna skriver man in till exempel information och nyckelord till sökmotorerna, information
om författaren och i detta fall har jag skrivit in vilken typ av teckentabell sidan ska använda sig av (västeuropeiska tecken).

6. Här har jag lagt in title-taggen där man skriver in en lämplig titel för webbsidan. Denna kommer sedan att visas på skärmen
högst uppe i det blåa fältet.

7. Body-taggen är kroppen för webbsidan och en av de viktigaste taggarna. Body-taggen omsluter alla andra struktur taggar
på webbsidan.

8. Här har jag använt mig av h1-taggen för rubrik och skrivit in ”Välkommen!”.

9. Hr har jag använt p-taggen för text.

10. Jag öppnar sedan ett nytt dokument där jag skriver in css regler för body, h1 och p . I det här fallet så har jag valt
bakgrundsfärgen svart för body-taggen vilket gör webbsidan svart. Därefter har jag satt färg både för rubrik och text.
Jag sparar sedan filen och döper den till style.

11. Här har jag lagt in en länk till css:n.

12. Här är resultatet. Detta var bara en liten snabbkurs i grunderna och möjligheterna är oändliga så besök gärna länkarna
som finns på plakatet för att lära dig mer.