Jump to content
Sign in to follow this  
Tzunyo

Elemente de baza in html - Div Tag

Recommended Posts

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...