Les balises universelles : div et span

Comme vous avez pu le constater, chaque balise HTML est associée à un type de contenu : paragraphe, lien, liste, bouton, tableau... Si vous désirez créer un nouveau type de données, deux balises universelles sont à votre disposition :

• span (type inline)

• div (type block)

Les balises <div> sont très souvent employées pour créer la mise en page d’un site. Les balises <span> servent plutôt à mettre quelques mots en valeur, comme le nom d’une société par exemple.

Vous pouvez éventuellement définir les propriétés CSS d’un <div> ou d’un <span> directement dans la balise en lui ajoutant un attribut style.
Exemple : <span style= ”color:red; font-size:16px; ” >Texte à mettre en valeur</span>

Chacune des balises HTML que nous venons de voir peut être associée à une règle CSS dans le but de personnaliser son aspect à l'écran (taille, couleur de fond, police d'écriture...).

Nous allons à présent voir comment ajouter des règles CSS et quelles sont les propriétés CSS disponibles.

Que sont le XHTML et le CSS ?Structure d'une page HTMLLes balises d?entête, head, title, meta...Les balises de corps de page, entre les balises bodyAjouter une image dans la page : balise img (type inline ou block) Insérer des liens : balise a (type inline)Afficher une listeConstruire des tableaux - balise tableCréer des formulaires Les balises universelles : div et spanOù placer le code CSS ?Comment modifier une balise en particulier ?Modifier l'aspect du texteGestion de l'arrière-plan (coloré ou avec des images)Mise en forme du texte : word-spacing , letter-spacing, vertical-align, text-alignMise en forme des balises de type blockLes borduresMise en forme des listesPositionner des blocs HTML à l'écranDébordement d'un bloc HTML : overflowChanger l'aspect de la souris : cursorCas pratique : mise en page à 2 ou 3 colonnesLargeur de site fixe ou variable ?Insertion d'une animation flashInsertion d'une vidéoInsérer un fichier audio

Pour plus d'informations, vous pouvez nous contacter par mail.