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

Kapcsolódó bejegyzések:
  • A STYLE attribútum segítségével az egyes HTML tag-ek szintjén adhatunk meg stílusdefiníciókat. Használhatjuk minden <BODY>-ba illeszthető tag-ben, kivéve p …

  • A navigációnál használt tab-os/füles megoldások egy problémája szokott lenni, hogy hiába állítjuk be a css-ben, hogy az aktív tab-nak hogy kellene kinéznie, katt …

  • Egy tag-hez készíthetünk több különböző, ún. stílusosztályt is: a tag neve után egy ponttal elválasztva adjuk meg az osztály nevét (módosítót), pl.code.ht …

  • Nem számít egy nagyon új dolognak a CSS segítségével megvalósított gomb, viszont a dinamikus szélességgel bíró gomb igenis új távlatokat nyit a weblapkészítésben …

  • Felmerült a lehetőség itt a lapon is, hogy mi lenne ha a hozzászólók linkjeit nem a névre tennénk rá hivatkozásként, hanem a név mellett vagy alatt lenne kiiratv …

A cikket beküldte: Harder (http://blog.harder.hu)

Szólj hozzá
a 14 – SPAN tag c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>