Comment faire un div visible en html

Définition de la div en HTML

1. Ouvrez votre document HTML dans votre éditeur de texte préféré ASCII. Utilisez le Bloc-notes si vous ne disposez pas d'un éditeur de texte.

2. Repérez les éléments que vous souhaitez envelopper dans un div. Cela peut être du texte ou une image. La façon la plus rapide de trouver un contenu spécifique est de faire une recherche en utilisant "Ctrl + F"

3. Insérez un div dans le code en utilisant la balise d'ouverture

   et la balise de fermeture
   . Votre code devrait ressembler à ceci:

   Votre contenu ici

4. 
   
   
   
   

   Donner la div un id. L'identifiant peut être quelque chose, mais il est préférable de le garder descriptive de sorte que vous pouvez comprendre le code quand vous venez pour le modifier. L'id devrait ressembler à ceci:

Faire de la div visible en CSS

1. Ouvrez votre document CSS dans votre éditeur de texte préféré ASCII. Utilisez le Bloc-notes si vous ne disposez pas d'un éditeur de texte.

2. Créer une nouvelle classe dans ce document en utilisant le code suivant:

   wrapper {

   }

3. Donner la div une hauteur et une largeur en procédant comme suit:

   wrapper {

   hauteur: 100px;
   width: 100px;

   
   
   

   }

4. Faire de la div visible en lui donnant une frontière comme suit:

   wrapper {

   border: 1px solid noir

   }

5. Pour assurer la div et son contenu sont visibles et ne pas hériter de tous les styles venus d'ailleurs, ajouter la propriété visible, comme ceci:

   wrapper {

   visibility: visible 

   }