OUJOOD.COM
Balise univercel divison div
LES BALISES HTML
La balise <div> d´finit une division ou une section dans un document HTML.
La balise <div> est pris en charge dans tous les principaux navigateurs.
Balise </div> : Division
Balise de fermeture oblgatoire : </div>
La balise div est un conteneur qui peut inclure tous les tags html
(paragraphes, tables ..., et également d'autres divisions).
Elle sert à structurer le document en plusieurs sections.
Elle est l'alternative de la balise table pour ordonner les éléments dans une page et permet d'obtenir des présentations interressantes avec certains style CSS.
L'attribut overflow peut par exemple implémenter automatiquement des scrollbars dans une div dont le contenu dépasse la taille.
Exemple de code:
Exemple : 📋 Copier le code
<div style="width:300; height:180; overflow:auto; border:solid 1px black;">
<table width="90%" cellpadding="0" cellspacing="0">
<tr height="40" valign="middle"><td align="left">Ligne 1</td></tr>
<tr height="40" valign="middle"><td align="center">Ligne 2</td></tr>
<tr height="40" valign="middle"><td align="right">Ligne 3</td></tr>
<tr height="40" valign="middle"><td align="left">Ligne 4</td></tr>
<tr height="40" valign="middle"><td align="center">Ligne 5</td></tr>
<tr height="40" valign="middle"><td align="right">Ligne 6</td></tr>
<tr height="40" valign="middle"><td align="left">Ligne 7</td></tr>
<tr height="40" valign="middle"><td align="center">Ligne 8</td></tr>
<tr height="40" valign="middle"><td align="right">Ligne 9</td></tr>
</table>
</div>
Ses attributs
La colone DTD dan l tablau suivant indique dans quel HTML 4.01/XHTML 1,0 DTD l'attribut est autorisé:
S=Strict, T=Transitional, and F=Frameset.
Les attributs optionnels
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| align | left right center justify . |
Obsolète. Utilisez des styles à la place. Définit l'alignement du contenu dans une balise |
TF |
Attributs standards
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| class | nom de classe | Spécifie un nom de classe d'un élément | STF |
| dir | ltr rtl | Spécifie l'orientation du texte pour le contenu dans un élément | STF |
| id | nom de l'id | Spécifie un ID unique pour un élément | STF |
| lang | language_code | Spécifie un code de langue pour le contenu dans un élément | STF |
| style | style_definition | Spécifie un style en ligne pour un élément | STF |
| title | text | Spécifie des informations supplémentaires sur un élément | STF |
| xml:lang | language_code | Spécifies une langue pour le code contenu dans un élément, en XHTML documents Spécifie | STF |
Les attributs de l'événement
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| onclick | action à exécuter | Script à exécuter sur un clic de souris | STF |
| ondblclick | action à exécuter | Script à exécuter sur une souris double-cliquez sur la souris | STF |
| onmousedown | action à exécuter | Script à exécuter lorsque le bouton de la souris est pressé | STF |
| onmousemove | action à exécuter | Script à exécuter lorsque le pointeur de la souris se déplace | STF |
| onmouseout | action à exécuter | Script à exécuter lorsque le pointeur de la souris sort d'un élément | STF |
| onmouseover | action à exécuter | Script à exécuter lorsque pointeur de la souris sur un élément | STF |
| onmouseup | action à exécuter | Script à exécuter lorsque le bouton de souris est relâché | STF |
| onkeydown | action à exécuter | Script à exécuter quand une touche est pressée | STF |
| onkeypress | action à exécuter | Script à exécuter lorsqu'une touche est enfoncée et relâchée | STF |
| onkeyup | action à exécuter | Script à exécuter quand une touche est relâchée | STF |
Trucs et astuces
Astuce: L'élément div est très souvent utilisé avec la mise en page CSS d'une page Web.
Note: Les navigateurs génère un saut de ligne avant et après l'élément div.
Vous êtes ici:Balise DIV Retour à la liste des balises
Retour à l'accueil du site
Par carabde 10 mars 2014