La balise <details></details> permet d'annoncer un texte dont seul le titre est visible mais on découvre son contenu en cliquant sur le titre.
<details close="close".....
Elle est utilisée pour faire un renvoi aux références ou aux explications supplémentaires qu'il n'est pas nécessaire de voir sauf si on le souhaite ou, au contraire, à faire apparaître ces explications supplémentaires que l'on ferme si on le souhaite.
CODE
<details close="close" style="padding-left:20px; border:dotted 1px black;">
<summary style="cursor:pointer;">La liste de mes blogs</summary>
<p>
L'un de mes blogs se nomme "La Pêche en Seine-et-Marne".
Un autre de mes blogs se nomme "Nature pour vous".
Enfin, le troisième me sert à me familiariser avec le code HTML
</p>
</details>
RESULTAT
La liste de mes blogs
L'un de mes blogs se nomme "La Pêche en Seine-et-Marne".
Un autre de mes blogs se nomme "Nature pour vous".
Enfin, le troisième me sert à me familiariser avec le code HTML
A l'inverse, le titre et le texte peuvent être apparents et on peut fermer le texte si on le souhaite.
<details open="open"....
CODE
<details open="open" style="padding-left:20px; border:dotted 1px black;">
<summary style="cursor:pointer;">La liste de mes blogs</summary>
<p>
L'un de mes blogs se nomme "La Pêche en Seine-et-Marne".
Un autre de mes blogs se nomme "Nature pour vous".
Enfin, le troisième me sert à me familiariser avec le code HTML
</p>
</details>
RESULTAT
La liste de mes blogs
L'un de mes blogs se nomme "La Pêche en Seine-et-Marne".
Un autre de mes blogs se nomme "Nature pour vous".
Enfin, le troisième me sert à me familiariser avec le code HTML
Il est même possible de faire un lien pour accéder directement aux blogs.
J'ai ouvert la balise <a> de <a href=...
Je dois toujours la fermer à la fin de ce qui est compris dans le lien....</a>
Et je dois laisser un espace avant l'ouverture de la balise <a href=
CODE
<details close="close" style="padding-left:20px; border:dotted 1px black;">
<summary style="cursor:pointer;">La liste de mes blogs</summary>
<p>
L'un de mes blogs se nomme <a href="http://pecheurdumorin.fr">La pêche en Seine-et Marne</a>
Un autre de mes blogs se nomme <a href="www.naturepourvous.fr">Nature pour vous</a>
Enfin, le troisième me sert à me familiariser avec <a href="http://mytesting.over-blog.com">le code html</a>
</p>
</details>
RESULTAT
La liste de mes blogs
L'un de mes blogs se nomme La pêche en Seine-et Marne
Un autre de mes blogs se nomme Nature pour vous
Enfin, le troisième me sert à me familiariser avec le code html
commentaires