HTML - mycket enkelt

HTML är språket man använder när man ska göra Websidor, man kan skriva själv i tex Anteckningar, man kan också använda en editor som skriver koden. Men man ska komma ihåg att det blir tio gånger roligare att skriva det själv i Anteckningar eller någon annan enkel texteditor. Macanvändare har programmet Simple Text.
För att titta på sin sida sparar du filen med ändelsen .html, om ditt dokument tex. heter hemsidan, ska du spara det som hemsidan.html.

Vem som helst kan göra en hemsida. De allra flesta internetleverantörer erbjuder plats för egna hemsidor helt gratis.
Om inte kan jag rekommendera Passagen, helt gratis utan reklam.

Mycket snack och lite verkstad? Till verkstan.....

I början...
Alla HTML-dokument har ett "skal" som ser ut så här;

<HTML>
<HEAD>
<TITLE> Sidans namn </TITLE>
</HEAD>
<BODY>

-- Här står all HTML-kod --

</BODY>
</HTML>
Testa att spara koden ovan, och se till att det slutar på .html. Öppna det i din webläsare.

Det blev ingenting, inte helt oväntat eftersom vi inte har skrivit någon kod än, bara ett skal...

Nu ska vi kolla lite närmare på <BODY>-taggen.
<BODY>-taggen styr hur "kroppen" på sidan ska se ut (bakgrund, text och länkfärg).
Skriv i <BODY>-taggen:

<BODY BGCOLOR=#0000FF Text="white" Link=#FFFF00>

Nu kommer sidan att ha en blå bakgrund, vit text och gula länkar. Om du istället för en färg vill ha en bild som bakgrund skriver du

BACKGROUND="min_bild.jpg"

Notera att på BGCOLOR står det #0000FF, och på Text står det bara white.
#0000FF är en RGB-kod, sådana använder man till färger, varje färg har en egen kod.

Ladda ner ett gratisprogram för att kolla RGB-koder (24k), om du har
problem med programmet måste du ladda ner ett par systemfiler (1,05 MB).

Text - färger, fonter och storlekar

På nästan alla hemsidor finns det text. Själva texten skriver du som den är, men för att forma den som du vill behöver du känna till några taggar.

Storlek - size
Det finns 7 storlekar på text som man vanligtvis använder. För att ändra storlek skriver du så här:

<FONT SIZE="+1">Det här är storlek +1</FONT>

Exempel på storlekar:

Size -2
Size -1
Default
Size +1
Size +2
Size +3
Size +4

Färger
När man kodar färger gäller samma som för <BODY>-taggen, dvs RGB-koder eller färgens namn på engelska (gäller inte alla färger).

Färger är fint!

Hur har jag åstadkommit det här nu då? Kolla här:

<FONT SIZE="+1">
<FONT COLOR=#FF0000>Färger</FONT>
<FONT COLOR=#0000FF> är</FONT>
<FONT COLOR=#FFFF00>fint!</FONT>
</FONT>

Fonter (typsnitt)

Det du ser på den här sidan är default-teckensnittet i din webläsare, men ibland vill man nog, som i ett vanligt brev, byta teckensnitt.
Så här skriver du:

<FONT FACE="Arial, Comic Sans MS, Impact">Uppiggande text</FONT>

Ovan har jag skrivit 3 olika typsnitt. Om inte det första finns (Arial), så visar den det andra (Comic Sans MS), om inte det finns det tredje osv. Det är bra om du inte vill riskera att din sida ska se tråkig ut för någon.

Netscape Navigator och Internet Explorer är två olika webläsare, som innehåller olika funktioner. Vi ska titta på två av funktionerna.

Om du har Netscape kan du se att texten nedanför blinkar
Blink, blink
Koden:

<BLINK>Blink, blink</BLINK>

Explorer användare, nu är det er tur:

Texten rullar och rullar och rullar och rullar

Koden:

<MARQUEE>Text som rullar</MARQUEE>

Nu har du kommit igång lite med HTML. Håll ut för snart kommer nästa avsnitt i HTML-hjälpen: Bilder och länkar.