ICI header("Location: http://www.mytesting.fr ");

LA BALISE DONNE DES EFFETS DE TEXTE SURPRENANTS.

par André Marini 3 Janvier 2015, 10:00 Astuces de blogueur

LA BALISE  DONNE DES EFFETS DE TEXTE SURPRENANTS.

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 &nbsp;<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&nbsp;
<a href="http://pecheurdumorin.fr">La pêche en Seine-et Marne</a>
Un autre de mes blogs se nomme&nbsp;
<a href="www.naturepourvous.fr">Nature pour vous</a>
Enfin, le troisième me sert à me familiariser avec&nbsp;
<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

Haut de page