Add mandarin chinese pinyin chart with audio (yabla.com)

index.html

@@ -28,22 +28,22 @@
       <font color="red">Attention !   JavaScript n'est pas activé.</font><br>
       Vous devez activer JavaScript dans votre navigateur, veuillez suivre les <a class="ext" href="http://www.enable-javascript.com/fr/" target="_blank">instructions</a>.<p>
     </noscript>
-    <br>
+    <br />
       <form name="conversion" class="form-horizontal">
       <div>
         <h1><a href="//git.heuzef.com/heuzef/pinyin" target="_blank">Hànyǔ Pīnyīn</a></h1>
         <div class="col-lg-3">
           <a href="#" class="btn btn-primary" onclick="conversion.saisie.select();copy()"><i class="ion-document-text"> </i>Séléctionner tout</a>
-          <br><br>
+          <br /><br />
           <p class="text-primary"><i class="ion-scissors"></i> Couper [Ctrl]+[X] / <i class="ion-ios-copy"></i> Coller [Ctrl]+[V]</p>
           <hr>
           <h5>Mode d'emploi</h5>
-          <p>
-            Redigez votre mot, puis indiquez le chiffre correspondant au ton.
-          </p><p>
-          </p><p class="text-primary">zhong<span class="text-danger">1</span> wen<span class="text-danger">2</span>&nbsp;<i class="ion-arrow-right-c"></i>&nbsp;zh<span class="text-danger">ō</span>ng w<span class="text-danger">é</span>n</p><p>
-          </p><p class="text-primary">ni<span class="text-danger">3</span> hao<span class="text-danger">3</span> ma&nbsp;<i class="ion-arrow-right-c"></i>&nbsp;n<span class="text-danger">ǐ</span> h<span class="text-danger">ǎ</span>o ma<p>
-        </p></div>
+          <p>Redigez votre mot, puis indiquez le chiffre correspondant au ton.</p>
+          <br />
+          <p class="text-primary">zhong<span class="text-danger">1</span> wen<span class="text-danger">2</span>&nbsp;<i class="ion-arrow-right-c"></i>&nbsp;zh<span class="text-danger">ō</span>ng w<span class="text-danger">é</span>n</p>
+          <p class="text-primary">ni<span class="text-danger">3</span> hao<span class="text-danger">3</span> ma&nbsp;<i class="ion-arrow-right-c"></i>&nbsp;n<span class="text-danger">ǐ</span> h<span class="text-danger">ǎ</span>o ma</p>
+          <p><a href="//chinese.yabla.com/chinese-pinyin-chart.php" target="_blank">🔊 Table Pinyin avec audio</a></p>
+      </div>
         <div class="col-lg-6">
           <textarea name="saisie" onkeyup="transcrire()" class="form-control" rows="10" id="textArea"></textarea>
           <a href="//fr.wikipedia.org/wiki/Hanyu_pinyin" target="_blank"><img src="./4_tons.png" alt="Les 4 tons chinois"></a>