div et span
span
De temps à autre, vous aurez à modifier une petite section de votre paragraphe. Vous devrez à ce moment vous servir de la commande <span></span>. La syntaxe est la suivante :
<span id="nom de l'identité">Votre texte</span>
<span class="nom de la classe"> Votre texte</span>
div
Quand vous avez besoin d'un bloc, c'est-Ã -dire plusieurs paragraphes ou une section vous devrez utiliser <div>.
<div id="nom de l'identité">Votre texte</div> (bloc avec attribut unique (id))
<div class="nom de la classe"> Votre texte</div> (bloc avec attribut répétitif (class))
Vous pouvez spécifier des propriétés différentes à des balises de votre <div>.
Donc, vous pourriez en général avoir la balise <h1></h1> en rouge. Mais dans une section (<div id="introduction">) vouloir que celle-ci soit bleue. Déclarer vos balises comme ceci :
h1 {color: #FF0000;}
/* pour la section avec id=introduction la balise est bleu */
#introduction h1 {color: #0000FF;}
Pensez au <div> comme à des blocs. Vous construisez les différentes sections de votre site dans des blocs que vous assemblez ensuite pour créer la page. Exemple :
------------------------------
</head>
<body>
<div id="container">
<div id="entete">
<h1>Entete et tire de page</h1>
</div>
<div id="contenu">
<p>contenu du site</p>
</div>
<div id="colonne-gauche">
<p>La colonne de gauche sera ici</p>
</div>
<div id="colonne-droite">
<p>La colonne de droite sera ici</p>
</div>
<div id="bas-de-page">
<p>Le bas de page sera ici</p>
</div>
</div>
</body>
</HTML>
