HTML element

Man kan sätta CSS attribut på i stort sätt alla tags som finns i vanlig HTML.

Två mycket användbara tags är

1. DIV
2. SPAN

Dessa fungerar på följande sätt:

Om jag sätter in en <DIV style="background-color: pink">DIV så händer detta</DIV> medan en
<SPAN style="background-color: yellow">SPAN "flyter in</SPAN> bättre.<p>

Om jag sätter in en

DIV så händer detta

medan en SPAN "flyter in bättre.

Dessa två används när man inte har en "normal" tag att tillgå. T.ex när man inte har <B> eller <A> men ändå vill betona en dela av ett dokument.

En DIV bildar altid ett block. medan SPAN fungerar inne i en text.

Tags i HTML kan delas in i följande grupper:

1. Block tags
2. Inline tags

Skillnaden mellan dessa kommer klarast fram om man tänker på marginaler:

1. T.ex. <A> som kan komma var som helst i texten kanske det inte är relevant att sätta marginaler på. Denna är en Inline tag
2. Däremot kanske <P> kan ha marginaler. Denna är då en Block tag

Oftast används <P> på följande sätt:

En mening<p>
Och en ny mening<p>

Man bör dock helst använda följande konstruktion istället:

<p>En mening</p>
<p>Och en ny mening</p>

För att betona att detta faktiskt är en blockmarkering.