Logo du site webpotentiel.com

La balise Div - HTML

Présentation

En langage html, la balise Div est très importante car elle permet d'introduire des éléments de type bloc. Elle permet de modifier dans son intégralité la structure d'une page web (contrairement à la balise Span).
Son utilisation est également liée à l'utilisation de feuilles de style en langage css.

Fonctionnement

La balise Div se place entre les balises <body> et </body>. Lors de son utilisation, elle entraîne un retour à la ligne. D'autre part, elle contient deux attributs spécifiques:
- L'attribut Id qui confère une identité unique à la balise.
- L'attribut Class qui permet de réutiliser les caractéristiques du Div dans la page web.

Exemple :

- Langage css :

1
2
3
4
5
6
7
8
9
10
11
#div-unique
{
font-size: 15px;
margin: 50px;
}
 
.div-reutilisable
{
width: 300px;
margin-left: 30px;
}

- Langage html :

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
</head>
<body>
 
<div id="div-unique">Exemple d'une balise Div unique</div>
 
<div class="div-reutilisable">Exemple d'une balise Div réutilisable</div>
 
</body>
</html>

Nouveau forum du site!
Voir - S'inscrire


Partager / Evaluer cette page web :

Page Référence : Liste des balises HTML

Articles Forum Tags


Commentaires (2) :
Clement a écrit (le 08/03/2011 à 11:59:25) :

Pour l'id, on utilise un # avant le nom de la div dans les css et pas un point (réservé à la classe).
Ca donnerait donc: #div-unique{...}
Tom a écrit (le 08/03/2011 à 12:16:04) :

Bonjour Clement,

Effectivement grosse maladresse de ma part qui est à présent corrigée.
Merci

Page : [1]

Ajouter un commentaire :
Prénom* :
Email* :
Site web (mettre http://) :
Message* :
Code anti-spam Code de vérification
Code affiché ?*

Définition : les champs marqués * sont obligatoires.


Haut de page

Les articles du site vous permettent de trouver de l'info gratuit, des news, actu, définition, image et vidéo internet. Ces articles traitent de nombreux domaines (thème actuel: Langage de Site) comme le web (google, yahoo, email, navigateur, etc.), le référencement de sites web (annuaire, moteur de recherche), le langage web (html, css, php..), mais aussi la santé, l'affiliation, l'argent (gagner, economiser), les sciences, les jeux vidéo et bien d'autres encore. Vous pouvez rechercher des articles à l'aide du moteur de recherche interne du site en rentrant des mots clés (exemple avec "La balise Div - HTML"). Par ailleurs, le Forum du site permet de trouver des solutions et réponses à toute question ou problème rencontré et l'Annuaire de Référencement permet de référencer votre site web, blog, annuaire ou forum pour des résultats efficaces et un meilleur positionnement. Pour toute demande particulière, utilisez la rubrique Contact du site.



Copyright 2011 "www.webpotentiel.com", tous droits reservés
Contact - Plan du site