Taggen <div>
Så använder du taggen div
Div-taggens uppgift är främst att separera viktiga delar av webbsidan från varandra. Div-taggen är ett osynligt behållarelement och det enda som syns är den text eller grafik som du väljer att stoppa in i detta.
Div börjar med <div> och avslutas med </div>
Vanliga div-element
Typiska exempel på vad som brukar vara placerade i div-taggar på en webbsajt är sidhuvud, meny, huvudtext och sidfot, men det finns inga begränsningar för hur många div-taggar en webbsida kan innehålla
Div och id
Eftersom div-taggen används flitigt för att skilja ut större sektioner på en webbsida så innebär det också att det är det div-elementet som främst används när det gäller att sätta upp regler för dessa sektioner. Detta görs genom att tilldela div-elementet ett id. När vi gjort detta kan vi senare använda detta id för att tala om för webbläsaren att exempelvis alla rubriker av typen h1 inom div-elementet med id:et "annons300x300px" ska ha storleken 24 pixlar och skrivas ut med blå färg.
Illustration av två div-element
Det här är ett stycke p som är skrivet i ett annat oformaterat div-element. Jag har sedan tidigare satt upp regler med CSS som styr hur varje stycke ska formateras.Därför finns det en vänster- och höger-marginal som positionerar stycket samt en toppmarginal som tvingar div-elementet att utvidgas och därmed skapa ett avstånd till föregående stycke.
