Sari la conținut

Elemente de baza in html - Div Tag


Postări Recomandate

Division Tag
Un document html este impartit in mai multe zone, de exemplu header, continut si footer.
Acest lucru poate fi facut cu ajutorul tagului <div>
Copiaza acest cod intr-un editor text si salveaza ca nume_document.html pentru a vedea rezultatul.

<html>
  <body>
    <head><title>Division tutorial</title></head>
    <div id="header">
      <h2>Header<h2>
      </div>
      <div id="continut" style="background-color:#00FF00">
        <p>Continutul paginii</p>
      </div>
      <div id="footer" style="background-color:#775500">
        <p>Footer</p>
      </div>
      </body>
</html>

De retinut e faptul ca aceste diviziuni pot fi sesizate vizual abia dupa ce le sunt aplicate diferite stiluri.
In aceste diviziuni pot fi incorporate mai multe elemente, cum ar fi imagini, text, linkuri, liste etc, acestea
urmand stilul aplicat diviziunii cu ajutorul CSS.
De asemenea este posibila integrarea diviziunilor una intr-alta. exemplu :

<div id="divizune_principala">
  <div id="subdiviziune"><p>Continut subdiviziune</p></div>
</div>

Tagul suporta majoritatea atributelor globale care pot fi aplicate tuturor tagurilor.
Acestea pot fi gasite aici : http://www.w3schools.com/html5/html5_ref_globalattributes.asp
Atributele cel mai des folosite sunt id si class care individualizeaza("id") divizunea sau o
include intr-o clasa de elemente("class").
Daca ai intrebari/nelamuriri lasa un comment sau scrie-mi pe forum.
© Tzunyo

Link spre post
Distribuie pe alte site-uri

Alătură-te conversației

Poți posta acum și să te înregistrezi mai târziu. Dacă ai un cont, autentifică-te acum pentru a posta cu contul tău.

Vizitator
Răspunde la acest subiect...

×   Alipit ca text avansat.   Alipește ca text simplu

  Doar 75 emoji sunt permise.

×   Linkul tău a fost încorporat automat.   Afișează ca link în schimb

×   Conținutul tău precedent a fost resetat.   Curăță editor

×   Nu poți lipi imagini direct. Încarcă sau inserează imagini din URL.

×
×
  • Creează nouă...

Informații Importante

Politică Intimitate Am plasat cookie-uri pe dispozitivul tău pentru a îmbunătății navigarea pe acest site. Poți modifica setările cookie, altfel considerăm că ești de acord să continui.