HTML stands for HyperText Markup Language. It is the standard language used to create and structure content on the web. Every web page you visit is built with HTML at its core.
HyperText - text that contains links to other documents
Markup Language - uses tags to annotate and structure content
HTML is not a programming language - it describes structure, not logic
Browsers read HTML and render it as a visual web page
HTML Versions
Version
Year
Key Changes
HTML 1.0
1991
Basic text and links
HTML 2.0
1995
Forms, tables
HTML 3.2
1997
Scripts, style sheets
HTML 4.01
1999
CSS separation, accessibility
XHTML 1.0
2000
Stricter XML-based syntax
HTML5
2014
Semantic elements, audio/video, Canvas, APIs - current standard
Basic HTML Page Structure
Every HTML document follows this fundamental structure:
Basic HTML Structure
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>Welcome to my first web page.</p>
</body>
</html>
Structure Explained:
<!DOCTYPE html> - tells the browser this is an HTML5 document
<html lang="en"> - root element; lang helps screen readers and search engines
<head> - contains metadata (not visible on the page)
<meta charset="UTF-8"> - supports all characters including special symbols
<meta name="viewport"> - makes the page responsive on mobile devices
<title> - text shown in the browser tab
<body> - all visible page content goes here
How Browsers Work with HTML
When you open an HTML file in a browser, the browser reads the HTML top to bottom, builds a DOM (Document Object Model) tree, and renders it visually. You don't need to install anything - just create a .html file and open it in any browser.
Save your file as index.html and open it in Chrome, Firefox, or Edge to see it rendered instantly.
Key Takeaways
HTML stands for HyperText Markup Language - it defines the structure and meaning of web content.
HTML5 is the current standard - it introduced semantic elements, audio/video, canvas, and more.
HTML elements consist of an opening tag, content, and a closing tag:
content
.
Void elements (img, br, hr, input, meta, link) don't have closing tags.
Attributes provide additional information about elements - they appear in the opening tag.
Always include the lang attribute on the html element for accessibility and SEO.
