oujood.com

 Le langage HTML Balise <div> ou Division

La bali div est un conteneur qui peut inclure tous les tags html(paragraphes, tables ..., et également d'autres divisions)

chercher |

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



Voir aussi nos tutoriel :

Balise li

Définit un élément de liste

Objet QuickTime

Objet QuickTime
Ce chapitre décrit comment jouer des films avec l'objet QuickTime.

jQuery manipulation html

jQuery manipulation html