Hej, detta kommer nu ta lång tid, upp mot en halv timme om inte ännu mer... Men iallafall, för er som vill göra en hemsida och inte vet hur man gör så tänkte jag berätta lite om språket... Låt oss komma till saken...
Vad är HTML???
Jo, HTML är ett programmeringsspråk som är grunder till en hemsida och betyder HyperText Markup Language.
Början av denna kurs kommer vara tråkig att läsa eftersom du ska lära dig om bakgrunder och sånt tråkigt... Men du måste läsa de för att förstå senare saker... Du behöver gå in i Anteckningar/Notepad till att börja med... När du är där fattar du inget om vad du ska göra... Men de kommer jag lära dig nu...
skriv så här:
<html>
<head>
<title>Här skriver du titteln på din hemsida</title>
</head>
<body bgcolor="din färg (t.ex black)" text="din text färg">
<center>Välkommen</center>
</body>
</html>
Som du ser med den här koden så har t.ex title, head, body, html en avslutnings-tagg som ser ut så här: /
när man skriver de så avslutar man koden
nåja...
<html> berättar att koden är i html alla dokument behöver de...
i <head> skriver man javascript.. (kanske tar upp javascript senare om jag orkar)
<title> Bestämmer sidans tittel, t.ex jesper.nu kan ha Jesper.nu som tittel
Kom ihåg avslutnings-taggen nrä den är klar (t.ex <title>Min sida</title> avslutninstaggen är </title>.
i <body> skriver du all din kod (nästan, utom javascript) t.ex för att centrera texten som jag just kommer ta upp.. Eller göra något annat liknande.... Låt oss gå till Center
<center>Centrerar texten så att den kommer på mitten, som du kanske dock hör på namnet... Och även här måste man alltid ha en avslutnings tagg </center> för att annars kommer all text på mitten (om du inte vill ha ALL text där såklart...)
Nu har du en liten kod med en bakgrundsfärg och en centrerad text på mitten. Skoj eller? Nä skämta... Tråkigt förstod jag nog.. Men så är det, man måste börja från början...
Nu tänkte jag lära dig lite mera saker...
Som du nu vet så gör <center> att texten blir centrerad (hamnar på mitten). Men du ska nu lära dig att göra en rubrik på en sida... De vi använder oss av nu kallas för "header" de finns siffror mellan 1-6 att välja mellan, tar du 6 så blir rubriken liten medans 1 gör den jättestor... De kommer alltså se ut så här:
<h1>Hej</h1> (kom ihåg avslutningstagg) Då kommer de bli en stor rubrik "Hej" men du kan även välja <h2> <h3> osv...
Kom ihåg att du även kan blanda koderna så här: <center><h1>Hej</h1></center> (men om du kollar på koden så ser du att dem ska ligga "mittemot" varandra de ska alltså inte va så här: <center><h1>Hej</center></h1> då är de fel...
Nu från header på väg till.... ---------------------------------------------->> listor... BORING eller hur? men snart kommer de roliga ;)
Hur du gör en lista är väldigt simpelt... t.ex om du ska skriva ett recept till någon så är de punkter p åvad man ska baka...
Det kan typ ser ut så här:
<ul>
<li>2 ägg</li>
<li>1 dl socker</li>
<li>2 dl mjöl</li>
<li>6 dl mjölk</li>
<li>2 tsk kakao</li>
</ul>
Simpelt.... Ul gör att punkterna blir runda... Du kan byta ut ul mot ol du hellre vill ha de, men detta var bara ett exempel...
<li> gör en "lista" tänk så här: (LI)sta och där skriver du nånting, så kommer de komma en punkt och sen de du skrivit, PROVA SJÄVL!! :D och som vanligt... En avslutningstagg, detta gick fort va? JA :D och nu till de roliga!! :D Jag ska nämligen berätta dig hur du gör länkar på din sida så att du kan länka dig inom din sida... Men innan vi gör de går du på Arkiv --> spara som --> index.html (observera att de måste sluta på .html)
Länkar:
Att göra länkar är simpelt... Om vi säger att du har en sida med bilder och en startsida... Då skriver du helt enkelt så här:
<a href="bilder.html">Bilder</a> a är ett ankare och skapar en länk på sidan... Href berättar vart du ska landa,, de kan fast vara http://www.jepser.nu så kommer man dit... observera: du måste skapa ett till dokument som heter bilder.html för att du ska komma till den sidan... sen står de så här >Bilder</a> "Bilder" är vad länkens namn kommer att ha när man ska klicka på den, sen avslutar man då taggen med </a> som vanligtvis... Om du vill där jag skrev
<body bgcolor="din färg" text="din färg" kan du även skriva efter text... link="din färg" alink="din färg" vlink="din färg">
De jag glömde berätta var att bgcolor betyder BackGroundCOLOR och väljer din bakgrundsfärg, de behöver inte vara red, black, blue de kan lika bra vara #00ff00 eller nåt... tex="din färg" är din text färg, nu till de nya, link="din färg" är vad länkens färg kommer att ha (avancerade saker finns i css som jag kanske tar upp i ett annat avsnitt) alink="din färg" är vad den har när den är activ, alltså när den är nedtryckt (när musen hålls inne där) vlink="dinfärg" betyder VisitedLink och vad den ska ha för färg när någon har klickat på länken...
Det sista jag tänker ta i detta kapitel är hur man får in bilder på sin sida... Det kommer nog komma ett nytt kapitel senare! :) (antingen idag eller någon annan dag)
Du börjar med att skriva så här:
<img src="bild.filformat"> svårare är det inte... img står för IMaGe som betyder bild på engelska... src är adressen till bilden... du kan även ta en bild från google och sätta dit t.ex http://www.google.com/a3_fk3821k_3 lr något liknande (vad du nu söker på)
Mer saker (kanske mer avancerat) kommer senare från mig!! :D
//MvH BiggiDoRappZ^ Ha de så skoj!! :D
Laddar forumet…