Avez-vous créé une très longue liste en HTML que vous souhaitez que votre visiteur puisse réduire ou développer? Pour configurer la fonctionnalité permettant à votre visiteur de faire les choses de cette façon, cet article vous aidera à ajuster votre code pour répondre à ces attentes.

Pas

  1. 1 Ouvrez un programme d'édition de texte simple tel que Notepad ou WordPad sous Windows ou, sur un Mac, ouvrez TextEdit.
  2. 2 Commencez votre page Web, comme toute autre page Web en ajoutant à la fois un et un marque.
  3. 3 Créez une partie JavaScript du document indiquant à votre navigateur d'afficher vos listes sous une forme pliable / extensible. Utilisez le code suivant pour former ce script. 
     <style type="text / css"> .row vertical-align: top; height: auto! important;  .list display: none;  .show display: none;  .hide: target + .show display: inline;  .hide: target display: none;  .hide: target ~ .list display: inline;  @media print .hide, .show display: none;  </style>
  4. 4 Fermez la partie principale de la page, avec la balise de fin pour le début de la page ().
  5. 5 Créez le corps du code HTML. Tapez le tag pour démarrer le corps ().
  6. 6 Créez le contenu de la liste, y compris des informations de style HTML à utiliser par le navigateur des utilisateurs, pour qu'elles puissent être développées et réduites. Utilisez le code suivant pour créer ceci. N'oubliez pas de suivre les règles de création de listes et de listes imbriquées dans le code. 
     <div classe="rangée"> <une href="# hide1" classe="cacher" id="cacher1">Développer</une> <une href="# show1" classe="montrer" id="show1">Effondrer</une> <div classe="liste"> <ul> <li>Objet 1</li> <li>Point 2</li> <li>Article 3</li> </ul> </div> </div>
  7. 7 Fermez la section body du code HTML en tapant le marque.
  8. 8 Tapez la fermeture Balise HTML pour compléter le fichier.
  9. 9 Enregistrez votre travail en tant que fichier avec une extension de fichier HTML ou une extension de fichier HTM et prévisualisez la page dans votre navigateur avant de la télécharger complètement sur le Web.