Exploring Multimedia and Tables in HTML
Day 4 of My Front-End Development Journey
My journey into front-end development is going very well, and each day boosts my confidence. Today, I stepped into the world of multimedia tags and table creation in HTML, adding another layer of skills to my growing toolkit.
Introduction to Multimedia Tags
On my fourth day, I learned about embedding multimedia elements in HTML. This included:
Audio: Embedding audio files with controls for play, pause, and volume.
Video: Adding video content with adjustable width, height, and controls.
Image: Inserting images with attributes for responsiveness.
iFrame: Embedding external content like maps or other websites.
Learning to Build Tables in HTML
I also focused on creating tables in HTML, which included:
Basic Table Structure: Using <table>
, <tr>
, <td>
, and <th>
tags to create a table.
Colspan and Rowspan: Combining cells to create more complex tables.
Practical Project
I put my new skills to the test by completing a detailed table project, which helped solidify my understanding of how to effectively use table tags in HTML. You can view the project here: Day 4 Table Project.
Project Assignment
As an assignment, I was tasked with replicating a website design using the techniques I learned. I successfully completed this project and posted it on GitHub. You can check out the project here: Day 4 Assignment.
I also posted my learning journey on LinkedIn, which you can check out here.
Every step in this journey is a learning experience, and I’m excited to see how my skills will continue to grow. Stay tuned for more updates as I progress further into front-end development!