HTML Grunder
<
HTML> </HTML>
Ett HTML-dokument börjar och slutar med detta kommando
<BODY> </BODY>
Omger ”kroppen” i HTML-dokumentet. Exempel på attribut som finns till <BODY>:
TEXT=färg; anger en färg på texten
BGCOLOR=färg; anger en bakgrundsfärg på sidan
BACKGROUND=filnamn; anger en bild som bakgrund till sidan
Ex: <BODY TEXT=White BGCOLOR=Blue>
Ger vit text på blå bakgrund på sidan.
<TITLE> </TITLE>
Används för att ge websidan ett namn. Titeln visas i browserns namnlist. Komandot kan bara användas i avsnittet <HEAD>.
<H1><H2><H3><H4><H5><H6>
H är en förkortning på Heading (rubrik). <H1> ger stor stil och <H6> ger mindre stil.
Ex: <H1> Rabbadabow</H1>
<HEAD> </HEAD>
Omger ”huvudet” till HTML-dokumentet. Här kan man t ex använda <TITLE> för att namnge sidan.
<IMG>
IMG står för IMaGe (bild). Detta kommando kan ha många attribut bl a
SRC (”SouRCe” som visar sökvägen till bilden)
ALIGN (anger var bilden ska placeras i förhållande till eventuell
text, vanliga värden är: Top, bottom, left eller right)
VSPACE (anger avstånd från bilden till text ovan eller under)
HSPACE (anger avstånd från bilden till text vid sidan om)
BORDER (sätter en ram runt bilden. Värdet som du anger är ramens
bredd i pixlar)
Ex: <IMG SRC=”bilder/raven.jpg” ALIGN=Bottom>
<A> </A>
A står för Ankare/Anchor och kan användas tillsammans med attributet HREF för att skapa en hyperlänk till en webplats (eller annan sida).
Ex: <A HREF=http ://www.willow.com> klicka här för att komma till historiens bästa skivbolag. </A>
<B> </B>
Formaterar texten till fetstil
Ex: <B> Denna text blir illa fet i en browser </B>
<BR>
Skapar ny rad. BR kommer från engelskans BReak.
Ex: Ikväll är det Aktuellt på Tv <BR>
<CENTER> </CENTER>
Används för att centrera text och bild.
Ex: <CENTER> Mitten </CENTER>
<HR>
Skapar en vågrät linje över sidan. Attribut:
WIDTH (anger bredden på linjen i pixlar)
SIZE (anger tjockleken på linjen i pixlar)
ALIGN (anger hur linjen ska placeras. Värden: Left, right eller center)
Ex: <HR SIZE=10 WIDTH=40 ALIGN=Left>
<
I> </I>
Gör texten kursiv. I är förkortning på Italics
Ex: <I> Lutande tornet i Pizza </I>
<UL> </UL>
UL står för Unordered List, vilket är det samma som punktlista. Varje listelemenet anges med <LI>.
Ex:
<
UL>
<
LI> Sprängdeg
<
LI> Lustgas
<
LI> Mjölk
<
/UL>
EXEMPEL PÅ HTML-DOKUMENT:
<HTML>
<HEAD>
<
TITLE>Fredriks fina sida</TITLE>
<
/HEAD>
<BODY>
<
CENTER>
<
H3> Fredriks sida</H3>
Välkommen till amatörernas afton<BR>
<
/center>
<
center>
<
IMG SRC="flash.gif"><br>
<
br>
Inköpslista:
<
ul>
<
li> Mjölk
<
li> Hagel
<
li> Bössa
<
/ul>
<
A HREF="http://www.google.com"> Google</A>
<
/CENTER>
<
/BODY>
<
/HTML>