Formázó elemek
A formázó elemek bemutatása, működésük, elhelyezkedésük.
- Főoldal
/
- Kurzusok
/
- Webfejlesztés
/
- HTML
/
- HTML haladóknak
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.
- Előző lecke: Blokk elemek
- Következő lecke: Validálás
Részletek
- Megtekintve: 412
- Haszontalannak jelölve: 0
- Hasznosnak jelölve: 0
- Értékelés: