etichetă HTML - div
sintaxa tag-ul
Această etichetă este un element de bloc. Cel mai important atribut este clasa sa. Cu el puteți crea blocuri cu stilurile CSS dorite.
Exemplu. Utilizarea bloc div
Transformată pe pagina următoare:
Exemplu de elementul div bloc
Acesta este un exemplu de bază de utilizare a etichetei
Acum, să ne ia în considerare în detaliu toate atributele tag div.
Atributele și proprietăți ale etichetei
- align = „opțiune“ - setează alinierea. Poate lua următoarele valori:
- centru - alinia textul în centru
- stânga - alinia textul la stânga
- dreapta - alinia textul de-a lungul marginii din dreapta
- justifică - alinierea marginile din stânga și din dreapta
- title = "text" - tooltip la tag-ul. Aproape nu a folosit niciodată.
- class = „nume“ - definește aparținând unei clase.
- style = „stiluri de virgulă“ - abilitatea de a stilului.
Exemple practice de utilizare
Să ne uităm la câteva exemple practice cu tag-ul div.
Exemplu. Conținutul de ieșire centrat folosind div
Transformată pe pagina următoare:
Acest text va fi centrat
Acum, în loc de tag-ul
Exemplu. cadru frumos cu div
Transformată pe pagina următoare:
Text de ieșire într-o cutie frumoasă
Exemplu. teasere de punere în aplicare on-line
tag-ul Ușor div este că blocul situat în raport cu celălalt. Un exemplu practic este derivarea de blocuri consecutive, care vor fi transferate automat la următoarea linie atunci când la sfârșitul.
Astfel de elemente pot fi setate. Ca rezultat, veți obține ceva de genul:
- align = „opțiune“ - setează alinierea. Poate lua următoarele valori:
- centru - alinia textul în centru
- stânga - alinia textul la stânga
- dreapta - alinia textul de-a lungul marginii din dreapta
- justifică - alinierea marginile din stânga și din dreapta
- title = "text" - tooltip la tag-ul. Aproape nu a folosit niciodată.
- class = „nume“ - definește aparținând unei clase.
- style = „stiluri de virgulă“ - abilitatea de a stilului.
Exemple practice de utilizare
Să ne uităm la câteva exemple practice cu tag-ul div.
Exemplu. Conținutul de ieșire centrat folosind div
Transformată pe pagina următoare:
Acest text va fi centrat
Acum, în loc de tag-ul
Exemplu. cadru frumos cu div
Transformată pe pagina următoare:
Text de ieșire într-o cutie frumoasă
Exemplu. teasere de punere în aplicare on-line
tag-ul Ușor div este că blocul situat în raport cu celălalt. Un exemplu practic este derivarea de blocuri consecutive, care vor fi transferate automat la următoarea linie atunci când la sfârșitul.
Astfel de elemente pot fi setate. Ca rezultat, veți obține ceva de genul:
Să ne uităm la câteva exemple practice cu tag-ul div.
Exemplu. Conținutul de ieșire centrat folosind div
Transformată pe pagina următoare:
Acest text va fi centrat
Acum, în loc de tag-ul
Exemplu. cadru frumos cu div
Transformată pe pagina următoare:
Text de ieșire într-o cutie frumoasă
Exemplu. teasere de punere în aplicare on-line
tag-ul Ușor div este că blocul situat în raport cu celălalt. Un exemplu practic este derivarea de blocuri consecutive, care vor fi transferate automat la următoarea linie atunci când la sfârșitul.
Astfel de elemente pot fi setate. Ca rezultat, veți obține ceva de genul: