BODY-taggen: �ndra bakgrundsf�rg och textf�rg

JavaScript.nu / HTML-kurs / �ndra bakgrundsf�rg och textf�rg

�ndra bakgrundsf�rg och textf�rg

I detta kapitel:
�ndra koden
Attributen
Test

Vid det h�r laget ska du i denna kurs ha skapat en f�rsta hemsida. Din sida inneh�ller �n s� l�nge inget annat �n en svart text p� en vit bakgrund. Vi ska nu g�ra n�gra sm� uppdateringar f�r att �ndra din sidas bakgrund och din sidas textf�rg.
�ppna nu din hemsidefil (index.html) med webbl�saren och �ndra sedan inneh�llet i filen till koden nedan:

<HTML> <HEAD> <TITLE>Rubrik p� din sida</TITLE> </HEAD> <BODY BGCOLOR="green" TEXT="red"> Hej, detta �r min f�rsta hemsida! </BODY> </HTML>

Spara nu dokumentet och �ppna din sida i webbl�saren. Har du redan sidan �ppen m�ste du uppdatera sidan. Med detta menas att trycker p� Uppdatera-knappen (kan �ven heta "Reload" eller "Ladda om") s� att webbl�saren visar sidan med de nya �ndringarna. Bilderna nedan visar vilken knapp du trycker p� f�r att uppdatera sidan:
Uppdatera sidan med Explorer

Din sida ska med de nya �ndringarna se ut s� h�r:
F�rsta hemsidan med bakgrund

Som du ser har du nu f�tt en gr�n bakgrund och en r�d text.
Vad �r det du allts� har lagt till i din HTML-kod?
Jo, du har lagt till tv� "attribut". Ett attribut beskriver en tagg. Din BODY-tagg, som du nu allts� �ndrat, �r den tagg som beskriver hur din sida ska se ut. Denna tagg inneh�ll som synes inget n�r du f�rst skapade din sida, och d�rf�r fick din sida standardf�rgerna en vit bakgrund och en svart text. Efter din �ndringen s� har din BODY-tagg nu tv� attribut:

BGCOLOR (BackGroundCOLOR = bakgrundsf�rg)
TEXT

Dessa beskriver vilken bakgrundsf�rg och textf�rg din sida ska ha. I v�rt fall valde vi gr�nt respektive r�tt.
Det allm�nna exemplet f�r hur en tagg ser ut �r allts�:
<TAGG ATTRIBUT1="v�rde1" ATTRIBUT2="v�rde2" ... ATTRIBUTX="v�rdeX">

I v�rt fall har vi allts� en tagg som heter BODY och tv� attribut som heter BGCOLOR och TEXT. V�rdena p� dessa �r green och red. Vi f�r allts� detta resultat:
<BODY BGCOLOR="green" TEXT="red">

I f�rra kapitlet l�rde du dig lite om vad taggar �r och idag l�r du dig vad attribut �r. Fast eftersom dessa tv� begrepp �r s� otroligt viktiga s� till�gnar vi hela n�sta kapitel bara f�r att repetera och f�rdjupa oss i vad taggar och attribut �r.

Bra, du �r nu f�rdig med denna del av kursen. Fram�ver kommer denna kurs att ha en tabell som nedan f�r varje ny tagg du l�r dig. Denna tabell kommer att "sammanfatta" den tagg (och de eventuella attributen) taggen har. Kursen kommer inte n�dv�ndigtvis g� genom alla attributen f�r alla taggarna! Av denna anledning b�r du inte heller f�rs�ka l�ra dig alla attributen utantill. Eftersom denna kurs endast tar upp de n�dv�ndigaste attributen f�r de n�dv�ndigaste taggarna s� r�cker det gott och v�l att du l�r dig de attribut som kursen g�r genom. I exemplet nedan �r s�ledes endast attributen TEXT och BGCOLOR genomg�ngna i kursen, varf�r du f�r tillf�llet inte beh�ver l�ra dig de resterande attributen.

BODY

BODY best�mmer en sidas f�rgupps�ttning

Attribut

TEXT     Sidans textf�rg

BGCOLOR     Sidans bakgrundsf�rg

LINK     Sidans l�nkf�rg

VLINK     Sidans f�rg p� de bes�kta l�nkarna

ALINK     Sidans f�rg p� de aktiverade l�nkarna

BACKGROUND     Adressen till en bakgrundsbild

BGPROPERTIES     Enda v�rdet �r FIXED

Test

I slutet av varje kapitel i HTML-kursen finns n�gra fr�gor som du ska svara p� f�r att testa dina kunskaper inom HTML. Om du har f�tt alla r�tt s� �r det bara att g� vidare, fast har du haft n�got fel kan det kanske vara klokt att f�rs�ka lista ut vad som kan ha varit fel. Givetvis kan du g� vidare �ven om du inte svarar r�tt p� alla fr�gor.

Vad menas med att uppdatera en sida i webbl�saren?
Att spara filen
Att �ndra sidans f�rger
Att trycka p� Uppdatera-knappen f�r att se HTML-dokumentets �ndringar sedan man senast sparade det
Vad �r ett attribut?
Samma sak som en tagg
N�got som beskriver en tagg
N�got som beskriver hemsidans f�rg