Metemos la etiqueta "audio", el archivo de sonido tiene que estar (en este caso) en el mismo directorio que la pagina web, en este caso es en formato mp3, con los controles correspondientes.<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<link rel="stylesheet" href="hojadeestilo.css">
<title>Sonido en html5</title>
</head>
<body>
<header>
<h1>Etiqueta audio</h1>
<figure><img src="milogo.jpeg"/></figure>
</header>
<nav>
<ul>
<li><a href="index.html">Inicio</a></li><li><a href="acercade.html">Acerca de</a></li>
</ul>
</nav>
<section>
<article>
<hgroup>
<h1>Audio en html5</h1>
<h2>practica</h2>
</hgroup>
<audio controls="controls" autoplay="autoplay" loop="loop">
<source src="sonido.mp3" type="audio/mp3"/>
tu navegador no es compatible con la etiqueta audio
</audio>
</article>
</section>
<aside><h1>Siguenos en:</h1>
<ul>
<li><a href="facebook.html">Facebook</a>
</li><li><a href="twitter.html">Twitter</a></li>
</ul></aside>
<footer>
<p>Pagina creada por Ticoticotaa @2016</p>
<ul>
<li><a href="contacto.html">Contacto</a>
</li><li><a href="mapaweb.html">Mapa Web</a></li>
</ul></footer>
</body>
</html>
Ponemos tambien un indicador de texto para que si el navegador no soporta esta etiqueta, muestre que no es compatible.
No hay comentarios:
Publicar un comentario