HTML Code Sheet 2025
Beginner to Pro
SHARMISTHA PATHASALA HUB
Your Pocket Learning Platform
Prepared & Compiled by :
Asst. Prof. Annada Prasad Mishra
, GETTING STARTED WITH
HTML
What is HTML?
The full form of HTML is Hyper Text
Markup Language, which is used to
create webpages, which tell the
browser what to show and how to
show it.
What is Tag? Types of Tag
Tag is the hidden keywords enclosed Singular Tag: means
by angle brackets ( <>), which are which has only an
used to show the contents on the opening tag.
browser. Paired Tag: means
which has both opening
Example:
& closing tag.
<p> Hello World </p>
Out put : Hello World
Why did we learn HTML?
Build your websites from scratch.
Understand how web design works.
Customize design & templates.
Tim Berners Lee is known as the father of HTML
Nowadays we use HTML version 5.
, HTML Page Structure
<!DOCTYPE html>
<html>
<head>
<title>First Program</title>
</head>
<body>
<h1>Hello World</h1>
<p>Welcome to Sharmistha Pathasala Hub</p>
<p>Your Pocket Learning Platform.</p>
</body>
</html>
Section Breakdown
It is used to tell the browser this is an HTML5
<!DOCTYPE html>
Document.
<html> This is the root element which wraps all the contents.
<head> It is known as head part of an HTML which consists like
title , meta , link , style tag etc.
<title> It is used to set the title which appears on the browser
tab.
<body> It contains all the visible contents of the webpage
Quick Tips
Always starts with <!DOCTYPE html>
Only one <title> tag in the whole webpage.
Keep all the visible contents into the body tag.
Beginner to Pro
SHARMISTHA PATHASALA HUB
Your Pocket Learning Platform
Prepared & Compiled by :
Asst. Prof. Annada Prasad Mishra
, GETTING STARTED WITH
HTML
What is HTML?
The full form of HTML is Hyper Text
Markup Language, which is used to
create webpages, which tell the
browser what to show and how to
show it.
What is Tag? Types of Tag
Tag is the hidden keywords enclosed Singular Tag: means
by angle brackets ( <>), which are which has only an
used to show the contents on the opening tag.
browser. Paired Tag: means
which has both opening
Example:
& closing tag.
<p> Hello World </p>
Out put : Hello World
Why did we learn HTML?
Build your websites from scratch.
Understand how web design works.
Customize design & templates.
Tim Berners Lee is known as the father of HTML
Nowadays we use HTML version 5.
, HTML Page Structure
<!DOCTYPE html>
<html>
<head>
<title>First Program</title>
</head>
<body>
<h1>Hello World</h1>
<p>Welcome to Sharmistha Pathasala Hub</p>
<p>Your Pocket Learning Platform.</p>
</body>
</html>
Section Breakdown
It is used to tell the browser this is an HTML5
<!DOCTYPE html>
Document.
<html> This is the root element which wraps all the contents.
<head> It is known as head part of an HTML which consists like
title , meta , link , style tag etc.
<title> It is used to set the title which appears on the browser
tab.
<body> It contains all the visible contents of the webpage
Quick Tips
Always starts with <!DOCTYPE html>
Only one <title> tag in the whole webpage.
Keep all the visible contents into the body tag.
