Introduktion om HTML och taggar
När man talar om HTML så talar man oftast som taggar. Taggar är små kodsnuttar som hjälper webbläsare att förstå hur du vill att hemsidan skall se ut.
HTML-taggar har nästan alltid en start och ett slut. Start taggen ser ut så här <tagg> och sluttaggen har en snedsträck också. </tagg>
Strukturtaggar
<HTML></HTML>
Börjar och avslutar alla HTML-dokument som en webbläsare skall läsa som en hemsida.
<TITLE> Titeln på hemsidan </TITLE>
Det du skriver inom denna taggen står längs upp i webbläsaren.
<BODY></BODY>
Inom denna taggen skall själva hemsidan finnas.
<html>
<head>
<title>….text…</title>
</head>
<body>
</bodyZ
</html>
Skall finnas i början och i slutet av HTML dokumentet.
En dold tagg som sökmotorer använder sig av. Skall omsluta titeltaggen. Beskriver hemsidans innehåll. Finns överst på webbläsaren. Innanför Body taggen så sätts innethållet på hemsidan in.
<body background="bakgrundsbild.jpg" bgcolor="gray">
TYPSNITT
<H1></H1>
<H6></H6>
Rubriker finns mellan H1 till H6. H1 taggen är den största av rubriker. H6 är den minsta av rubrikerna.
<P></P>
För bröttext så använder man P tagen. P taggen skapar ett nytt stycke med ett ordentligt radavstånd nedåt.
<STRONG></STRONG>
Om man vill göra text fet kan man avvända taggen Strong.
<I></I>
Om du vill göra text kursiv kan du använda taggen I
<U></U>
U taggen gör materialet som finns inom den understruken.
ENKLA TAGGAR
Med enkla taggar så menar vi att de inte har någon slut-tagg som de ovanstående har. Och när man tanker på det så är det inte så konstigt. En bild är svår att börja och avsluta. En bild är en bild. En enkel tagg har sin slut tagg med sig som följande exempel. <tagg />
<IMG SRC=”” />
Sätter in bild på din hemsida.
<img src="bild.jpg" width="300px" height="300px" border="2px" />
<BR />
Skapar rad brytning
<HR />
Skapar en horisontellt sträck
Start-taggar
När man startar ett program för att skapa hemsidor så får man oftast en uppsättning kodsnuttar som hjälper dig som webbdesigner så att du inte glömmer de vanligaste.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Namnlöst dokument</title>
</head><body>
</body>
</html>