HTML på svenska - Lektion 3

http://monkeytoys.com/htmlkurs/

Senast uppdaterad: 1997-04-16 klockan: 19.00

HTML på svenska

Lektion 3: Färger och horisontella streck

"Standardutseendet" på en hemsida är grå bakgrund, svart text, blå obesökta länkar och röda besökta länkar. Det kan man lätt ändra på. Ändra i dokumentet "lektion2.htm" så att det ser ut så här:

<HTML>
<HEAD>
 <TITLE>Min hemsida</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFF99" TEXT="#000080"
LINK="#8080FF" VLINK="#FF0000" ALINK="#FFFF80">
<CENTER>
<H1>
VÄLKOMMEN TILL MIN HEMSIDA!
</H1>
</CENTER>
<HR WIDTH="80%">
<P>
<FONT SIZE=4>
Det här är mitt första försök att 
göra en egen hemsida. Ju mer jag lär mig , desto 
bättre kommer sidan att bli. Ha lite tålamod 
så kommer du att bli rikligt belönad!
</FONT>
<HR WIDTH="80%">
</BODY>
</HTML>

I koden <BODY> kan man lägga till flera parametrar som talar om hur sidan ska se ut. BGCOLOR anger vilken bakgrundsfärg sidan ska ha. Färgkoden fungerar så här:

Tecknen efter # kan delas upp i tre grupper med två tecken vardera (FF DA 2D). De talar om hur mycket rött, grönt och blått som ska blandas för att skapa den bakgrundsfärg man vill ha. Den första gruppen innehåller det hexadecimala värdet för mängden röd färg, nästkommande grupp hur mycket grönt och sista gruppen hur mycket blått som ska ingå i bakgrundsfärgen. I vårt exempel betyder det att vi vill ha FF (255 decimalt) röd färg, DA (218 decimalt) grönt och 2D (45 decimalt) blått. En hög siffra betyder att det ska vara mycket av färgen och en låg siffra att det ska vara lite. Minimum är 00 (ingen färg) och maximum är FF (max färg). Om du inte vill prova dig fram kan du använda någon av nedanstående färger.

000000 = svart
FFFFFF = vitt
FF0000 = rött
00FF00 = grönt
0000FF = blått
FFFF00 = gult
00FFFF = cyan
FF00FF = lila

Saknar du någon färg?

Här har du resten av de 216 färger du bör hålla dig till.

TEXT, LINK, VLINK och ALINK talar om vad det ska vara för färg på text, obesökta länkar, besökta länkar och länkar i det ögonblick man klickar på dem. Färgkoderna fungerar på samma sätt som med BGCOLOR.

HTML-koden <HR WIDTH="80%"> betyder att här vill vi ha ett horisontellt streck (horisontal rule) som har en längd som motsvarar 80% av skärmens bredd. Om man anger en bredd, men utelämnar %-tecknet betyder det att strecket ska vara så många pixlar brett. <HR WIDTH=620> betyder att strecket nästan räcker hela vägen över en skärm som är 640 pixlar bred.

Om man vill kan man även ändra färgen på text. <FONT COLOR="#FF0000"> gör efterföljande text röd. </FONT> ändrar tillbaka till vanlig färg. Färgkoderna är desamma som för t ex bakgrundsfärg.

Spara dokumentet under namnet lektion3.htm och se hur det ser ut.

Det ser ut så här. I nästa lektion ska vi lägga till länkar.

[ Lektion 2 ] - [ Visa fördjupningsavsnitt ] - [ Frågesidan ] - [ Lektion 4 ]