Currently Empty: ₹0.00
HTML CODES & EXAMPLES
HTML Basic
Learn the basic structure of HTML and create your first web page using simple and beginner-friendly examples.
01
What is HTML?
Introduction to HyperText Markup Language
HTML stands for HyperText Markup Language. It is the standard markup language used to create and structure web pages. HTML tells the browser how different elements such as headings, paragraphs, links, images and buttons should be displayed.
HTML uses tags and elements to organize the content of a web page.
02
Basic HTML Structure
The basic structure of an HTML document
HTML
<!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>
This is my first HTML web page.
</p>
</body>
</html>
03
Understanding the Structure
Important parts of an HTML document
<!DOCTYPE html>
Tells the browser that the document uses modern HTML.
<html>
The root element of the complete HTML document.
<head>
Contains metadata, title, styles and other information.
<title>
Defines the title displayed in the browser tab.
<body>
Contains the visible content of the web page.
<h1>
Creates a main heading on the page.
04
Common HTML Tags
Frequently used HTML elements for beginners
Tag
Purpose
Example
<h1>
Main heading
Website Title
<p>
Paragraph
Hello World
<a>
Link
Visit Website
<img>
Image
Photo
<button>
Button
Click Me
<div>
Container
Content Box
05
student.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Student Information</title>
</head>
<body>
<h1>Student Information</h1>
<h2>Name</h2>
<p>Rahul Kumar</p>
<h2>Course</h2>
<p>Certificate in Computer Application</p>
<h2>Institute</h2>
<p>Shree Narayan Computers & Education Center</p>
</body>
</html>
06
Live Example
See the HTML code output directly in your browser
LIVE PREVIEW
07
Practice Task
Try creating your own HTML page
🎯 Your Task
Create a simple webpage containing:
- A main heading
- A paragraph
- Your name
- Your course name
- A link to a website
- A button
NEXT HTML LESSON
Next →
HTML Headings
Learn how to create H1 to H6 headings.