Demon Tech Roadmap

HTML

HTML Elements

HTML elements build the structure of a web page.

Read Time

5 min read

Difficulty

Beginner

Last Updated

Jun 15, 2026

Version

v1.0.0

Introduction

HTML elements build the structure of a web page. An element contains an opening tag, content, and a closing tag. Some elements do not have closing tags and are called void elements.

Syntax

1<!-- anatomy of an element -->
2<p class="intro">Hello!</p>

Example

1<!-- this is a paragraph element -->
2<!DOCTYPE html>
3<html lang="en">
4  <head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Elements</title>
8  </head>
9  <body>
10    <p>Hello!</p>
11  </body>
12</html>

Try it Yourself

Hands-on Practice

Modify the code below to see how it affects the output. This is the best way to learn!

Interactive Editor

1234567891011121314151617181920

Live Preview

Key Points

Elements wrap content with tags.
Block elements start on a new line.
Inline elements flow with text.
Void elements lack closing tags.

Up Next

Continue your journey with the next topic.

Go to HTML Attributes ❯