Day 6 of My Web Dev Internship at Cudose Creative (Semantic Tags | WCAG Summary | HTML Audio | Ready for CSS!)

Hey everyone

It’s Day 6 of my web development internship at Cudose Creative Agency, and today marked the final chapter of our HTML module!

We dove into semantic HTML tags, got introduced to web accessibility through WCAG, and ended the day by working with the HTML <audio> tag. It was both enlightening and exciting — here’s what I learned

What Are Semantic HTML Tags?

Semantic tags are HTML elements that clearly describe their meaning to both the browser and developers. Unlike generic tags like <div> or <span>, semantic tags tell you what their content is about.

Examples of Semantic Tags:

<header> – Introductory content or navigational links

<main> – Main content of the page

<section> – Grouped related content

<article> – Independent, self-contained content

<footer> – Bottom content like contact info, links, etc.

<nav> – Navigation links

Why They Matter:

1) Improve SEO and accessibility

2) Help screen readers and search engines understand your content better

3) Make your code easier to read and maintain

A Brief Intro to WCAG (Web Content Accessibility Guidelines)

Accessibility was a highlight of today's class — we got a short but powerful introduction to WCAG, which stands for:

Web Content Accessibility Guidelines

WCAG ensures web content is perceivable, operable, understandable, and robust (POUR principles).

Helps make the web usable for people with disabilities (visual, auditory, cognitive, motor).

Example:

Using semantic tags properly and providing alt text for images improves accessibility drastically.

---

HTML <audio> Tag

We wrapped the day up by learning how to embed audio files directly into our web pages.

Example:

<audio controls>

<source src="podcast.mp3" type="audio/mpeg">

Your browser does not support the audio element

</audio>

What I Learned:

The controls attribute adds play/pause UI.

You can provide multiple <source> tags for fallback formats.

Always include fallback text for unsupported browsers.

---

Goodbye HTML… Hello CSS!

And just like that — we’re done with HTML!

From building tables and forms to embedding media and understanding accessibility, it’s been an awesome foundation.

Now, I’m super excited to dive into CSS — where we bring beauty and style to all the structure we've been building!

---

Final Thoughts

Learning semantic structure and accessibility is a reminder that good web development isn’t just about how it looks — it’s about how it functions for everyone.

Catch me in the next blog as I start styling my first pages with CSS!