14 – SPAN tag

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

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét