Grunderna
Så då börjar vi med din första sida! En hemsida måste bestå av vissa taggar för att webbläsaren ska veta vad det är just en html-sida. Detta visar man genom att först i sin fil skriva <HTML> och i allra sist i filen skriver man sluttagen </HTML>.När du öppnat din texteditor blir texten som du skriver där koden till din hemsida. Du måste också spara dokumentet med .html.
Början och slutet av dokumentet är alltid likadana. Dessa taggar måste finnas. Texten inom parentes är förklaring.
| <HTML> (Starttaggen på din hemsida) <HEAD> <TITLE>Min första hemsida</TITLE> (I denna tag skriver du in titeln på din hemsida, det som syns i längst upp till vänster på webbläsaren.) </HEAD> <BODY> (Starttaggen på ”kroppen” av din hemsida) </BODY> (Sluttag på ”kroppen”) </HTML> (Sluttaggen på din hemsida) |
Alla taggar har en start och ett slut. Starten på hemsidan är <HTML> och sluttaggen är nästan lika fast i en sluttag finns alltid / med, </HTML>. De flesta taggar har en sluttag, men det finns undantag. <BR> är ett sådant exempel. Detta skriver du när du vill att det ska bytas rad på din hemsida.
När du skrivit koden här ovanför så sparar du filen som index.html. Det är viktigt med filändelsen så att det inte blir en .txt som är standard i Notepad. Vissa undrar om det är någon skillnad på .htm och .html, men det är det inte, båda fungerar lika bra. Se till att spara filerna i en och samma mapp. Använd aldrig åäö i filnamnet.
Efter att du sparat din fil, öppna din webbläsare. (Netscape, Firefox och Internet Explorer är dom vanligaste) Gå på arkiv i menyn, öppna och bläddra dig sedan fram till filen index.html som ligger i din mapp. Tryck Ok och nu ska du se en vit sida.
Du kan leka med din sida genom att ändra bakgrundsfärg.
I taggen <BODY> lägger du till BGCOLOR=”#FFCC00″ så att det ser ut så här <BODY BGCOLOR=”#FFCC00″>.
Spara sedan ditt dokument igen, gå till din webbläsare och klicka på knappen uppdatera. Nu ska din bakgrund vara orange istället för den tidigare vita.
Du kan ändra bakgrundsfärgen till många färger, det som avgör vilken färg det blir är dom sex siffrorna. ”#FFFFFF” är vitt och ”#000000″ är svart. Varje färg har alltså en hexkod som det kallas.
Här finns de 216 webbsäkra färgernas hextal.
Du kan också använda färgernas namn på engelska istället för hextal, men då skriver du istället så här: <BODY BGCOLOR=”orange”>
Om du vill ha en bild som bakgrund skriver du så här:
<BODY BACKGROUND=”bildnamn.jpg”>
Spara bakgrundsbilden på samma ställe som html-filen och se efter vad den har för filnamnstillägg (de tre bokstäverna efter filnamnet .jpg eller .gif). Så om du har en bild som heter bakgrund och det är av sorten jpg ska du skriva <BODY BACKGROUND=”bakgrund.jpg”>
Vill du dessutom att bakgrundsbilden inte ska röra på sig när besökaren bläddrar på din hemsida så lägger du till BGPROPERTIES=”FIXED” i bodytaggen.
Så här blir det när bakgrunden ligger still.
Du kan också bestämma vilken färg länktexter ska ha genom att använda LINK, ALINK och VLINK – alltså Länk, aktiv länk och besökt länk (visited link). Skriv i sådana fall såhär i BODY-taggen:
<BODY LINK=”#hextal” ALINK=”# hextal ” VLINK=”#
hextal ”>
Du kan också ändra typsnittet och textens färg på hemsidan. Tecken heter FONT på HTML-språk. Du kan använda:
FONT FACE = teckensnitt
FONT SIZE = teckenstorlek
FONT COLOR = teckenfärg
Du behöver bara skriva FONT en gång om du anger allt i samma tagg.
Här är några exempel:
| <FONT FACE=”Arial” SIZE=1 COLOR=”#FF0000″> |
Resultatet blir så här.
| <FONT FACE=”Times New Roman” SIZE=3 COLOR=”#009900″> |
Resultatet blir så här.
| <FONT FACE=”Verdana” SIZE=6 COLOR=”#993333″> |
Resultatet blir så här.
Här är ett expempel på annorlunda bakgrundsfärg och text.
Om du inte bestämmer vilka färger och vilket typsnitt som ska gälla för din hemsida kommer webbläsaren att välja det som den har som standard och visa det för besökaren.
Nu tycker jag att du ska skriva en text på din hemsida. Mellan taggen <BODY> och </BODY> kan du skriva ”Hej och välkommen till min första hemsida”. Spara och uppdatera webbläsaren så ser du din sida.
Senaste kommentarer