Tutorial Bigbos: Tutorial HTML pe intelesul tuturor,tutoriale html, coduri html, culori html, tabele, liste html, formulare, coduri muzica, coduri video, tutorial xhtml, tutorial css,Tutoriale de initiere in HTML si coduri HTML explicate

Vom folosi proprietatea display in css pentru a ascunde un element in html si proprietatea visibility
pentrs a nu afisa acelasi element html.



visibility:hidden; ascunde paragraful pastrand insa spatiul rezervat in cursul paginii. Celelalte elemente se vor comporta ca si cand paragraful ar fi afisat pe pagina chiar daca acesta nu este vizibil.



display:none; ascunde paragraful fara sa pastreze spatiul rezervat acestuia in pagina. Celelalte elemente vor ocupa spatiul rezervat acestuia.

• Afisarea elementelor in block sau inline

Exista elemente html care sunt delimitate de celelalte elemente sau de elemente de acelasi tip printr-un salt in linie (enter, line break, br). Spunem ca aceste elemente sunt afisate in block.

- <h1>, <h2>, <h3>, etc
- <div> <p>, <li>

Deasemenea exista elemente care sunt afisate in pe acelasi rand fara sa influienteze cursul pagini.

-<span>, <a>

Spunem ca aceste elemente sunt afisata inline.

Cu ajutorul CSS afisarea elementelor poate fi schimbata si anume putem afisa elemente precum div paragraf etc inline si elemente precum linkuri span etc in block.



Exemplul de mai sus va afisa toate div-urile pe aceasi linie.Se foloseste in general cu clase sau id in css pentru a personaliza doar div-urile care se vor personalizate. Ex: bara de meniuri orizontala



Mai jos am exemplificat un link afisat in block, introducand un salt in linie inainte si dupa el.



Se foloseste in general cu clase sau id in css pentru a personaliza doar link-urile care se vor personalizate. Ex: sidebar.