Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Semantic Elements | Advanced HTML
HTML Essentials
course content

Course Content

HTML Essentials

HTML Essentials

1. Understanding the Web and HTML
2. HTML Fundamentals
3. Images and Media
4. Tables and Forms
5. Advanced HTML

Semantic Elements

Let's take a closer look at each tag individually:

<header> tag

These are typically introductory elements or a set of links placed at the top of a section or webpage that offer crucial information about the page and help users navigate to other sections.

Please note that this should not be confused with the head tag, as head and header have different purposes in HTML.

html

index

css

index

js

index

copy

<nav> tag

Defines a section of navigation links used for menus or navigation bars. nav is typically placed in a website's header section.

html

index

css

index

js

index

copy

<section> tag

Organize your document logically by using headings to group related content. This helps readers understand your content better and improves search engine visibility.

html

index

css

index

js

index

copy

<article> tag

It contains a self-contained piece of content like a blog post, news article, or forum post. This content helps search engines identify and prioritize the central content of the webpage.

html

index

css

index

js

index

copy

<footer> tag

Defines a footer that typically includes copyright info, contact details, and links to related content. It provides closure to the content above and contains supplementary information and navigation options.

html

index

css

index

js

index

copy
1. What is the primary purpose of the `<header>` tag?
2. Which HTML tag is typically used to define a section of navigation links, such as menus or navigation bars?
3. What is the main function of the `<section>` tag?
4. When should we use the `<footer>` tag?

What is the primary purpose of the <header> tag?

Select the correct answer

Which HTML tag is typically used to define a section of navigation links, such as menus or navigation bars?

Select the correct answer

What is the main function of the <section> tag?

Select the correct answer

When should we use the <footer> tag?

Select the correct answer

Everything was clear?

Section 5. Chapter 2
We're sorry to hear that something went wrong. What happened?
some-alt