WEBVTT

00:00.000 --> 00:03.660
Enhancing HTML and CSS with dynamic content.

00:06.800 --> 00:08.800
Advanced HTML elements,

00:10.000 --> 00:12.000
understanding segmentic elements,

00:15.000 --> 00:17.000
understanding full stack basics.

00:17.800 --> 00:22.000
It simply means building both the front part of a website, what people see,

00:22.500 --> 00:25.500
and the back part, how it works behind the scenes.

00:25.900 --> 00:27.200
Let's understand the code.

00:27.700 --> 00:33.700
This code builds a mini blog web page with a header, an article, a subscription form, and a footer.

00:34.200 --> 00:38.200
Let's see the code. Let's understand the segmentic elements of the code.

00:38.700 --> 00:44.700
Semantic elements are HTML tags that describe their meaning and purpose in the structure of a web page.

00:45.200 --> 00:50.700
They aren't just containers like div, they tell what kind of content they hold.

00:51.200 --> 00:54.200
Header represents the top section of the page.

00:54.700 --> 00:58.700
Usually contains logo, navigation, or intro text.

00:59.200 --> 01:02.200
Here, it shows the blog's title and tagline.

01:04.200 --> 01:06.700
Section, groups related content together.

01:07.200 --> 01:12.200
Think of it as a chapter in a book, article, represents a standalone piece of content,

01:12.700 --> 01:16.200
like a blog post, news story, or product card.

01:16.700 --> 01:20.200
Here, it's your blog article inside the section.

01:21.700 --> 01:24.700
Footer represents the bottom section of the page.

01:25.200 --> 01:28.700
Usually has copyright, contact info, or links.

01:29.200 --> 01:30.700
In this code, it has credit.

01:32.700 --> 01:35.700
Let's check the output. The header shows the blog title.

01:36.200 --> 01:38.200
The first section displays the blog article.

01:38.700 --> 01:41.200
The second section shows the subscription form.

01:41.700 --> 01:43.700
The footer appears at the bottom with credits.

01:44.700 --> 01:50.200
And that's how semantic elements and full stack basics come together to build a simple, meaningful web page.

01:50.700 --> 01:53.700
And that's how semantic elements and full stack basics come together.