, 3. ...
, , ...
... "HTML 5": 1 - HTML 5+ ...
-!!!
" "1. 2. 3. 4. 5. , ...
<center> <div align="center"> <table background="https://i.postimg.cc/nV1d6cvd/010.png" height="250" title="Play/Pause" width="250"> <tbody> <tr> <td align="center" style="padding: 0;" valign="middle"> <audio controls="controls" src=" 3 " style="width: 100px; margin-left: 45px; margin-top: 10px; opacity: 0;" title=" "></audio></td> </tr> </tbody> </table> </div> </center>
<center> <div align="center"> <table background="https://i.postimg.cc/bY6xxG0j/014.png" height="250" title="Play/Pause" width="250"> <tbody> <tr> <td align="center" style="padding: 0;" valign="middle"> <audio controls="controls" src=" 3 " style="width: 100px; margin-left: 45px; margin-top: 10px; opacity: 0;" title=" "></audio></td> </tr> </tbody> </table> </div> </center>
<center> <div align="center"> <table background="https://i.postimg.cc/zfV6GjWX/082.png" height="250" title="Play/Pause" width="250"> <tbody> <tr> <td align="center" style="padding: 0;" valign="middle"> <audio controls="controls" src=" 3 " style="width: 100px; margin-left: 45px; margin-top: 10px; opacity: 0;" title=" "></audio></td> </tr> </tbody> </table> </div> </center>
<div align="center"> <div style="background: url('https://i123.fastpic.org/big/2024/0225/5e/c192fd6c5699a63351362e3a63d91c5e.png');width:320px; height:128px;"> <div> <figure style=" font-family: sans-serif; margin-top:0px; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/4//13475/13475773_evgenijjkonovalov8marta.mp3" style="width: 150px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #db7093; background-color: black;margin-top:28px;margin-left:80px; " title=" - 8 " type="audio"></audio></div>
<div align="center"> <div style="background: url('https://i123.fastpic.org/big/2024/0225/7e/1c6048222314157771be09e3dcf3387e.png');width:320px; height:128px;"> <div> <figure style=" font-family: sans-serif; margin-top:0px; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="https://img0.liveinternet.ru/images/attach/d/4//13476/13476067_ruslan_alekhno__zhenshhina_lyubimaya_moya_64583343.mp3" style="width: 150px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #f0e68c; background-color: black;margin-top:35px;margin-left:70px; " title=" - " type="audio"></audio></div> </div>
<div align="center"> <div style="background: url('https://i.postimg.cc/Kz87HXfL/1-sas-dgifmaker36897.gif');width:320px; height:129px;"> <div> <figure style=" font-family: sans-serif; color: #CD950C; margin-top:20px; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src=" 3 " style="width: 150px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #d1bea8; background-color: black;margin-top:30px;margin-left:80px; " title=" " type="audio"></audio></div> </div> </div>
<center> <div align="center"> <table background="https://i.postimg.cc/wBJ6Qjd3/156-WW000.gif" height="281" width="400"> <tbody> <tr> <td align="center" style="padding: 0;" valign="middle"> <audio controls="controls" src=" 3 " style="width: 100px; margin-left: 160px; margin-top: 10px; opacity: 0;" title=" "></audio></td> </tr> </tbody> </table> </div> </center>
