Basic HTML Tags and Elements

In HTML, a Tag is a command that defines how content is structured and displayed. Let's explore the most fundamental ones.

The Building Blocks of HTML: Tags

Welcome! HTML tags are the secret commands that tell a browser how to display content. Think of them as instructions for building your webpage. Let's learn the basics!

Tag Reference & Practice

Explore these tags in more detail and practice using them.


Headings (<h1> to <h6>)

Headings are defined with <h1> to <h6> tags. <h1> defines the most important heading, while <h6> defines the least important.

This is a h1 heading

This is a h2 heading

This is a h3 heading

Paragraphs (<p>)

Paragraphs are defined with the <p> tag. Browsers automatically add some white space (a margin) before and after a paragraph.

This is a paragraph.

This is another paragraph.

Practice: Structuring Content

Combine headings and paragraphs to structure a simple document. Try creating a main title and two paragraphs in the editor below.

* Write the code below. Correct characters will be shown in green and incorrect ones in red.

<h1>My First Web Page</h1> <p>This is my first paragraph.</p> <p>HTML is easy to learn!</p>