Formázó elemek

A HTML-ben található elemek közül néhány darab van, amelyek nem foglalnak el helyet az oldalon, különösebben semmit nem csinálnak, csak egy stílust adnak a tartalomnak, pl. színt vagy vastagítják a betűket, aláhúzzák a szöveget, stb. Ilyen elemek a következők: b, u, i, font, strong, center, sup, sub, em, pre

Ezeket az elemeket manapság már elég ritkán használják, mivel CSS segítéségvel könnyen megváltoztathatóak, esetleg könnyen megvastagíthatóak a szövegek, így lényegében könnyebb CSS-ben leírni majd később egyszerre akár több elem számára is megváltoztatni, mint a forráskódot módosítani több helyen.

Ezen elemek belsejébe csak inline elemeket lehet írni, de legygakrabban csak sima szöveget írunk, mert más tagoknak lehetnek más tulajdonságaik, melyek más formában teszik ki a szöveget, ezért nem bíztos, hogy elérjük a hatást amit szeretnénk.

Az elemek egymásba ágyazásának nincs limitálása, akárhány elemet egymásba írhatunk.

    <label>
        <a href="">
            <span>
                <b>Link</b>
                <u>amelyre</u>
                <i>kattinthatunk</i>
            </span>
        </a>
    </label>


        

A fenti kód valahogy így kellene kinézzen:
 

1. A b vagy a strong elem megvastagítja a betűket a benne levő szövegnek.

2. Az u elem aláhúzza a betűket a benne levő szövegnek.

3. Az i elem megdőlve írja a betűket a benne levő szövegnek.

4. A font elem segítségével tudunk színt adni, vagy betűtípust (karakterkészletet) választani a benne levő szövegnek.

5. A center elem középre igazítja a benne levő szöveget.

6. A sup a benne levő szöveget kisebb betűvel fogja írni picit fennebb, mint amikor négyzetet írunk.

7. A sub a benne levő szöveget kisebb betűvel fogja írni picit lennebb, mint amikor logaritmust írunk.

7. Az em tag lényegében semmit nem csinál.

8. A pre tag a benne levő szöveget pontosan olyan formában jeleníti meg, ahogy beírtuk.