, 3. ...
, , ...
... "HTML 5": 1 - HTML 5+ ...
-!!!
" "1. 2. 3. 4. 5. , ...
"":, 1 - 2 - "" 3 - 4 - -
,
" ": 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>
<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>
<div align="center"> <div style="background: url('https://i122.fastpic.org/big/2023/1226/ca/59a90e8e0f6a849c78037615d43794ca.png');width:400px; height:109px;"> <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: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #fcc200; background-color: black;margin-top:20px;margin-left:30px; " title=" " type="audio"></audio></div> </div> </div>
<div align="center"> <div style="background: url('https://i122.fastpic.org/big/2023/1226/66/63c02a3dabea774df8e2444f27dd1066.png');width:400px; height:109px;"> <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: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #008000; background-color: black;margin-top:20px;margin-left:30px; " title=" " type="audio"></audio></div> </div>
<div align="center"> <div style="background: url('https://i122.fastpic.org/big/2023/1226/f6/7fa05de98da0687ef5b7cb6a6c9e83f6.png');width:400px; height:109px;"> <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: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #008000; background-color: black;margin-top:20px;margin-left:30px; " title=" " type="audio"></audio></div> </div> </div>
<div align="center"> <div style="background: url('https://i122.fastpic.org/big/2023/1226/7d/1157b59c999196bb24aa8c4db191a47d.png');width:400px; height:109px;"> <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: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #008000; background-color: black;margin-top:20px;margin-left:30px; " title=" " type="audio"></audio></div> </div>
<div align="center"> <div style="background: url('https://i122.fastpic.org/big/2023/1226/83/488240ab6b1fc766a4678e6513bed283.png');width:400px; height:109px;"> <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: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #a99a86; background-color: black;margin-top:20px;margin-left:30px; " title=" " type="audio"></audio></div> </div> </div>
<div align="center"> <div style="background: url('https://i122.fastpic.org/big/2023/1226/f0/b7423b686b1843be60bcaa96ea8b11f0.png');width:400px; height:109px;"> <div> <figure style=" font-family: sans-serif; color: #ff0000; 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: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #fcc200; background-color: black;margin-top:20px;margin-left:30px; " title=" " type="audio"></audio></div> </div>
_
