CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Numérotation Automatique des Titres avec CSS

Numérotation Automatique des Titres avec CSS

Les compteurs en CSS
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Numérotation Automatique

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre l'utilisation des propriétés CSS CounterReset et CounterIncrement.
  • Appliquer ces propriétés pour numéroter automatiquement les titres.
  • Gérer les niveaux de titres et leur numérotation de manière dynamique.

Résumé

Découvrez comment numéroter automatiquement vos titres en utilisant les propriétés CSS CounterReset et CounterIncrement.

Description

Dans ce tutoriel, nous verrons comment numéroter automatiquement les titres de vos documents HTML en utilisant les propriétés CSS CounterReset et CounterIncrement. Vous apprendrez à :

  • Créer et réinitialiser des compteurs pour les chapitres et sous-chapitres.
  • Appliquer ces compteurs aux balises HTML (H1, H2, etc.).
  • Configurer l'incrémentation automatique des titres pour assurer une numérotation continue et cohérente.

En respectant ces étapes, vous pourrez gérer facilement la numérotation de vos titres, quel que soit le niveau de vos sections. Que ce soit pour un document technique, un rapport ou un article de blog, cette technique améliore la clarté et la structure de vos contenus.

Voir plus

Questions fréquentes

Quel est l'objectif de la propriété CSS CounterReset ?
La propriété CSS CounterReset est utilisée pour créer ou réinitialiser un compteur à une valeur initiale dans un document HTML.
Comment appliquer un compteur à un titre H1 ?
Vous pouvez appliquer un compteur à un titre H1 en utilisant la pseudo-classe :before et la fonction CSS counter() pour afficher la valeur du compteur avant le contenu du titre.
Pourquoi serait-il utile d'utiliser CounterIncrement dans un document ?
L'utilisation de CounterIncrement est utile pour augmenter la valeur d'un compteur à chaque nouvelle occurrence d'un élément, permettant ainsi une numérotation automatique et cohérente des titres ou sections.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 1 an
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !