Ezt a tag-et azért találták ki, hogy stílust olyan elemeknek, szövegrészeknek is lehessen adni, amelyek beállítására hagyományosan más mód nincsen. Használhatjuk kiválasztóként a stílusok definiálásakor, és ismeri a STYLE CLASS és ID attribútumokat is. Pl. Ha a stílusmegadásban szerepel az, hogy :
1 | .zoldbetus {color: #00ff00} |
akkor egy tetszőleges szövegészben a <SPAN CLASS="zoldbetus"> kódot követő szöveg zöld színű lesz egészen a</SPAN> tag-ig.
DIV tag
Ez a tag egy logikai egységet jelöl a HTML dokumentumban. Hasonlóan működik, mint a SPAN, de ez egy blokkszintű elem (neve a division szóból ered). Tartalmazhat bekezdéseket,táblázatokat, címsorelemeket, és további DIV-eket is. Akkor lehet jól használni, ha a különböző egységeknek eltérő stílust szeretnénk adni, pl. dokumentumainkat nagyobb részekre szeretnénk felosztani, tagolni. Pl a stílusmegadás legyen:
1 | .jegyzet {color: #0000ff, font-weight: lighter} |
és használata:
1 2 3 4 | <DIV CLASS="jegyzet"> <h3>Jegyzet címe</h3> <p>Ez itt a jegyzet szövege.</p> </DIV> |
A szerző honlapja: http://fodorsi.ini.hu