Materi : Latihan12.html
Silakan copy paste ke notepad dan simpan dengan nama Latihan12.html.
Kemudian jalankan menggunakan browser.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Page Description">
<title>Audio Example</title>
</head>
<body>
<section>
<article>
<header><h2>German Shepherd</h2></header>
<figure>
<img src ="dog1.jpg" alt="German Shepherd" height="256" width="256">
<figcaption>Best bread in Dog Family</figcaption>
</figure>
<p>
<audio controls autoplay>
<source src="dog-barking.mp3" type="audio/mpeg">
Having issue with the Audio?
</audio>
</p>
<p>The German Shepherd (German: Deutscher Schäferhund, German pronunciation: is a breed of medium to large-sized working dog that originated in Germany. The breed's officially recognized name is German Shepherd Dog in the English language (sometimes abbreviated as GSD). The breed was once known as the Alsatian in Britain and Ireland.[5] The German Shepherd is a relatively new breed of dog, with their origin dating to 1899. As part of the Herding Group, German Shepherds are working dogs developed originally for herding sheep. </p>
<audio controls autoplay>
<source src="dog-barking.mp3" type="audio/mpeg">
Having issue with the Audio?
</audio>
<footer>True friend!</footer>
</article>
</section>
</body>
</html>
Output
