Comment insérer un son ou une musique en HTML
Voici comment ajouter un son ou une musique dans votre page Web. Attention : un fichier audio peut être long à charger ! Pensez également aux droits d'auteur avant d'utiliser des extraits musicaux.
<embed src="chemindevotremusique.mp3" loop="true" autoplay="false" width="145" height="60" volume="" hidden=""></embed>
Comment créer une image à liens multiples
Les images à liens multiples (images maps) permettent de définir plusieurs zones cliquables sur une seule image.
<map name="map1">
<area shape="circle" coords="77,19,17" href="page1.html">
<area shape="rect" coords="0,0,51,35" href="page2.html">
</map>
<img usemap="#map1" src="image.gif">
Comment utiliser les frames en HTML
Les frames sont des balises placées dans un fichier index.html. Elles permettent d'afficher plusieurs pages distinctes dans une même fenêtre. Par exemple : une barre de menu fixe à gauche et le contenu principal à droite.
Exemple de frames avec colonnes
<html>
<frameset cols="15%,85%">
<frame src="menu.html" name="menu">
<frame src="index2.html" name="index">
</frameset>
<noframes>
Votre navigateur ne supporte pas les frames.
<a href="index_noframe.html">Merci de visiter la page sans frames</a>
</noframes>
</html>
Résultat :
- Si votre navigateur supporte les frames, le fichier index2.html occupera 85% de l'écran à droite.
- Si votre navigateur ne les supporte pas, le message « Merci de visiter la page sans frames » s'affichera avec un lien vers index_noframe.html. Notez qu'aujourd'hui, tous les navigateurs modernes supportent les frames.
Exemple de frames avec lignes
<html>
<frameset rows="50%,50%" frameborder="0">
<frame src="menu.htm" marginwidth="0" marginheight="0" frameborder="1">
<frame src="index.htm" marginwidth="0" marginheight="0" frameborder="1">
</frameset>
<noframes>
Votre navigateur ne supporte pas les frames.
<a href="index_noframe.htm">Merci de visiter la page sans frames</a>
</noframes>
</html>
Conclusion et conseils pratiques
Voilà, vous avez maintenant toutes les bases pour enrichir vos pages Web ! À vous de jouer et de combiner ces portions de code. L'idéal pour découvrir toutes les possibilités du HTML est de tester chaque extrait séparément dans un fichier dédié, puis de modifier quelques paramètres pour observer le résultat. Alors à vos claviers et bon courage !
