HTML MASTER CLASS /// LEARN TAGS /// BUILD STRUCTURE /// SEMANTIC WEB /// HTML MASTER CLASS /// LEARN TAGS /// BUILD STRUCTURE /// SEMANTIC WEB /// HTML MASTER CLASS /// LEARN TAGS /// BUILD STRUCTURE /// SEMANTIC WEB ///

Basic HTML Tags

Learn the vocabulary of the web. Structure your content with headings, paragraphs, and semantic emphasis.

tags.html
1 / 16
12345
🏷️

Tutor:HTML is fundamentally built upon tags. Think of them as containers for your content. Most tags come in pairs: you have an opening tag to start the element and a closing tag to end it. The closing tag is always identified by a forward slash.


Skill Matrix

UNLOCK NODES BY LEARNING NEW TAGS.

Concept: Syntax

Tags define elements. <tag> opens, </tag> closes. The content goes in between.

System Check

Which character signifies a closing tag?

Community Holo-Net

Showcase Your Hierarchy

ACTIVE

Built a complex document structure? Share your semantic HTML examples.

Support Us

HTML Tags & Semantics

Author

Pascual Vila

Frontend Instructor // Code Syllabus

HTML is not just about putting text on a screen; it is about giving that text meaning. This is what we call Semantic HTML.

Headings

Headings range from <h1> to <h6>. The h1 is the most important tag on the page. You should usually have only one h1 per page, describing the main topic.

Paragraphs & Text Formatting

The <p> tag is the standard unit of text. Inside it, we can use <strong> for bold text that implies importance, and <em> for italic text that implies emphasis or a change in tone.

Empty Tags

Some tags, like <br> (break) and <hr> (horizontal rule), do not have a closing tag because they do not contain content. They are stand-alone elements.

View Full Transcript+

This section contains the full detailed transcript of the video lessons for accessibility purposes and quick review. It covers the hierarchy of H1-H6, the concept of block vs inline elements (conceptually), and the specific usage of void elements like br and hr.

HTML Glossary

Tag

The basic building block of HTML. Most come in pairs (opening and closing) like `<p>` and `</p>`.

snippet.html

Semantic HTML

Using HTML tags that reinforce the meaning of the information in web pages rather than just defining its presentation.

snippet.html

Void Element

An element that does not have a closing tag and cannot contain any content. Examples include `<br>` and `<hr>`.

snippet.html

Nesting

Placing elements inside other elements, such as a `<strong>` tag inside a `<p>` tag.

snippet.html

h1 - h6

Heading elements. `<h1>` is the highest section level (most important) and `<h6>` is the lowest.

snippet.html

Attribute

Provide additional information about an element. They are always specified in the start tag.

snippet.html