Comment créer une chronologie interactive avec HTML

Étape 1

Créez votre fichier HTML. Ouvrez un nouveau document dans un programme d’éditeur de texte et créez une page HTML de base. Ajoutez ce code dans la section "Corps" de la page:

L'élément division ("div") est un conteneur pour la liste des événements de votre chronologie. La valeur de "débordement" de "auto" (automatisation) ajoute une barre de défilement interactive lorsque la timeline devient plus large ou plus haute que son conteneur. Enregistrez cette page sous "timeline.html".

Étape 2

Créez le contenu de votre chronologie. Dans l'espace entre les balises "div" d'ouverture et de fermeture, ajoutez les événements par ordre croissant ou décroissant. Ajoutez chaque événement avec sa propre section HTML bien formée. Gardez la page constamment pendant que vous travaillez dessus.

Étape 3

Testez votre code HTML Ouvrez le navigateur Web de votre ordinateur et chargez le fichier "timeline.html". Si le contenu est supérieur au conteneur "div", vous verrez une barre de défilement interactive. Ajustez les valeurs "largeur" ​​et "hauteur" pour correspondre à la disposition verticale ou horizontale de votre page.