, 3. ...
, , ...
... "HTML 5": 1 - HTML 5+ ...
-!!!
" "1. 2. 3. 4. 5. , ...
𝄞
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:22em; background-image:url('https://i122.fastpic.org/big/2023/1008/57/91e3e217d5e33ea206d87d859df2e557.jpg'); padding:0.8em; border:4px #D3D3D3 solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/4//13...v_po_gorodu_74971871.mp3" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #D3D3D3; background-color: black;margin-top:10px;margin-left:0px; " title=" - " type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:25em; background-image:url('https://i.postimg.cc/VvZvCJpQ/vetochka-listya-osen-bleski-4938.jpg'); padding:0.8em; border:4px #8B4513 solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0px; 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//13...n_loving_memory__cdn.mp3" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #8B4513; background-color: black;margin-top:10px;margin-left:0px; " title="Phil Coulter - In Loving Memory" type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:22em; background-image:url(' '); padding:0.8em; border:4px #696969 solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <audio controls="controls" src=" MP3 " style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #696969; background-color: black;margin-top:10px;margin-left:38px; " title=" " type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:25em; background-image:url('https://i.postimg.cc/VLNDQ2Fd/1671429467-3-25.jpg'); padding:0.8em; border:4px #FFD700 solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0px; 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//13...n_loving_memory__cdn.mp3" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #FFD700; background-color: black;margin-top:10px;margin-left:0px; " title="Tom Barabas - Midnight Affair" type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:25em; background-image:url('https://i.postimg.cc/d0GzkgpJ/fon-animaciya-21-yapfiles-ru.gif'); padding:0.8em; border:4px #8B4513 solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0px; 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//13..._moment_of_love__cdn.mp3" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #8B4513; background-color: black;margin-top:10px;margin-left:0px; " title="2002 - Moment Of Love" type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:25em; background-image:url('https://i122.fastpic.org/big/2023/1007/b5/e340e9997dd927af7006115655d03eb5.jpg'); padding:0.8em; border:4px #8B4513 solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0px; 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//13...dkastnerthebutterfly.mp3" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #8B4513; background-color: black;margin-top:10px;margin-left:0px; " title="Lennard Kastner - The Butterfly" type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:25em; background-image:url('https://i122.fastpic.org/big/2023/1007/7e/2428b2764918b900c21541015ed1a77e.jpg'); padding:0.8em; border:4px #228B22 solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0px; 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//13..._flowing_colors__cdn.mp3" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #228B22; background-color: black;margin-top:10px;margin-left:0px; " title="Bernward Koch - Flowing Colors" type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:25em; background-image:url('https://i122.fastpic.org/big/2023/1007/2a/6e2506f2d1fe27818f26c3f194aa4e2a.jpg'); padding:0.8em; border:4px #FFDEAD solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0px; 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//13...cheffnersweetharmony.mp3" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #FFDEAD; background-color: black;margin-top:10px;margin-left:0px; " title="Oliver Scheffner - Sweet Harmony" type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>
<center><div style=" float:center; width:250px; height:35px; margin:20px; margin-left:25em; background-image:url('https://i122.fastpic.org/big/2023/1007/b2/b4e092c1090c5f70e84e2ed19fa282b2.jpg'); padding:0.8em; border:4px #B22222 solid; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 3px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: .2px 3px 9px 1px rgba(0, 0, 0, 0.5);"> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0px; 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//13...riffs__lovely_autumn.mp3" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #B22222; background-color: black;margin-top:10px;margin-left:0px; " title="Riant Riffs - Lovely Autumn" type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div></center>