The latest articles on DEV Community by Abel Alpha (@abel_alpha_dd74075d3e4616). https://dev.to/abel_alpha_dd74075d3e4616 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4024004%2Fbe90b595-f4b3-41b3-9dc0-b4531fddf475.jpg https://dev.to/abel_alpha_dd74075d3e4616 en Abel Alpha Mon, 13 Jul 2026 18:25:45 +0000 https://dev.to/abel_alpha_dd74075d3e4616/day-1-of-learning-html-i-built-a-tribute-page-for-my-kind-of-woman-1kdo https://dev.to/abel_alpha_dd74075d3e4616/day-1-of-learning-html-i-built-a-tribute-page-for-my-kind-of-woman-1kdo <p>Hey everyone! Today I officially started learning HTML and I'm pumped to share my very first project.</p> <p>It took me 2 hours and 40 minutes to learn the basics and experiment, and I built a simple tribute page for one of my favorite songs — "My Kind of Woman" by Mac DeMarco.</p> <p>What's on the page:</p> <p>A title with the song name<br> The album cover art as an image<br> An audio player (I added the song file locally)<br> The full lyrics displayed in a </p> <pre> tag<br> A clickable button that links to the music video<br> A little page icon (favicon) with the album art<br> What I used (HTML only — no CSS, no JavaScript): <p>Headings (</p><h1>, </h1><h4>)<br> <img> for the album art<br> with controls<br> <pre> and <br> for the lyrics formatting<br> <a> with a button inside for the video link<br> , , <br> A favicon for the browser tab<br> It's not pretty — just pure, raw HTML — but I made it myself and I'm proud of it. Next up: CSS and making this thing actually look good. <p>Feedback and tips from the community welcome! 💪</p> </a></pre> </h4></pre> webdev programming reviews learning