Introduction to HTML — Complete Guide
Introduction to HTML — Complete Guide: free step-by-step lesson with examples, common mistakes, and interview tips — part of HTML Tutorial on Toolliyo Academy.
On this page
HTML Tutorial · Lesson 1 of 100
Introduction to HTML
Basics → Forms & semantics → APIs & performance → Projects
Basics · 1 — Structure & media · ~6 min · HTML — Foundations
What is this?
HTML is the markup language browsers use to structure web pages with tags like headings, paragraphs, and links.
Why should you care?
MarkupVerse pages always start as HTML — CSS and JavaScript build on top of it.
See it live — copy this example
Save as demo.html and open in your browser, or use Run Example below.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MarkupVerse — Hello</title>
</head>
<body>
<h1>Welcome to MarkupVerse</h1>
<p>Your first HTML page.</p>
</body>
</html>Run Example »
Edit the code below and click Run to see the result in Toolliyo’s live editor.
Code
Result
What happened?
- DOCTYPE selects HTML5.
- head holds metadata; body is visible content.
- lang helps accessibility and SEO.
Practice next
- Save as hello.html.
- Open in Chrome or Edge.
- Change the h1 text and refresh.
- Change the title tab text.
- Add a second paragraph.