Les tutoriaux
Classe ou identifiant ?
// Les identifiants
On utilise un identifiant pour "nommer" un élément (on utilisera ici plus justement identifier). Donc, en toute logique, deux éléments ne peuvent pas avoir le même identifiant.
On donne couramment des identifiants aux éléments comme le logo ou le pied de page, et assez couramment également, un identifiant aux champs d'un formulaire.
Pour définir un identifiant, on utilise l'attribut id="identifiant"
// Les classes
Les classes concernent elles, une série d'éléments de la page qui ont le même comportement, comme les titres des paragraphes ou des paragraphes.
Pour définir une classe, on utilise l'attribut class="maclasse".
Il est possible d'utiliser plusieurs classes pour un seul et même élément :
class="code_html exemple" : on sépare chaque classe par un espace.
Il est biensûr possible d'ajouter un identifiant et une série de classes à un même élément.
Pour rendre cette notion moins abstraite, nous allons l'illustrer avec un exemple :
Nous travaillons biensûr dans la partie <body> de la page.
1 <!-- haut de la page --> 2 <div id="header"> 3 <img src="./images/logo.png" alt="Mon site internet" /> 4 </div> 5 <!-- menu --> 6 <ul class="menu"> 7 <li>Accueil</li> 8 <li>Qui sommes nous ?</li> 9 <li>Nos travaux</li> 10 </ul> 11 <ul class="menu"> 12 <li>Forum</li> 13 <li>Livre d'or</li> 14 <li>Chat</li> 15 <li>Contact</li> 16 </ul> 17 <!-- Corps de la page --> 18 <p>...</p> 19 <!-- Pied de page --> 20 <p id="footer"> 21 © 2005 - Mon entreprise.<br /> 22 Tous droits résérvés 23 </p>
Le résultat est disponible sur la page d'exemple n°4.
Dans le but de mieux comprendre le lien entre les classes, les identifiants et les feuilles de style, des styles
CSS ont déjà été appliqués.
N'hésitez pas à poser vos questions sur le forum
© 2004 Martius Web | Some rights reserved |
A propos | Plan du site
