Introduction to HTML
Understanding Basic Elements. 

Scene 1

Introduction to HTML
Understanding Basic Elements

What is HTML?
• HTML (HyperText Markup Language) is the standard markup language used to create web pages.
• It defines the structure and layout of a webpage by using various elements.. 

Scene 2

What is HTML?
• HTML (HyperText Markup Language) is the standard markup language 
used to create web pages.
• It defines the structure and layout of a webpage by using various 
elements.

Structure of HTML
• HTML uses a tree-like structure known as the Document Object Model (DOM)
• Elements are used to define the different parts of a webpage. 

Scene 3

Structure of HTML
• HTML uses a tree-like structure known as the Document Object Model 
(DOM)
• Elements are used to define the different parts of a webpage

HTML Document Structure
• An HTML document consists of nested elements.
• The basic structure includes <html>, <head>, and <body> tags.. 

Scene 4

HTML Document Structure
• An HTML document consists of nested elements.
• The basic structure includes <html>, <head>, and <body> tags.

Heading Element (<h1> - <h6>)
• Headings are used to define titles or subtitles on a webpage.
• There are six levels of headings, from <h1> (largest) to <h6> (smallest).. 

Scene 5

Heading Element (<h1> - <h6>)
• Headings are used to define titles or subtitles on a webpage.
• There are six levels of headings, from <h1> (largest) to <h6> (smallest).

Paragraph Element (<p>)
• The <p> tag is used to define paragraphs of text.
• It creates a new paragraph with proper spacing between content.. 

Scene 6

Paragraph Element (<p>)
• The <p> tag is used to define paragraphs of text.
• It creates a new paragraph with proper spacing between content.

Button Element (<button>)
• Buttons are interactive elements used for user actions.
• The <button> tag creates clickable buttons on a webpage.. 

Scene 7

Button Element (<button>)
• Buttons are interactive elements used for user actions.
• The <button> tag creates clickable buttons on a webpage.

Example of Heading
• Example: <h1>Welcome to My Website</h1>
<h2>About Us</h2>
<h3>Our Services</h3>. 

Scene 8

Example of Heading
• Example: 
<h1>Welcome to My Website</h1>
<h2>About Us</h2>
<h3>Our Services</h3>

Example of Paragraph
• Example:
<p>This is a paragraph of text. HTML allows you to structure and format content.</p>
<p>Another paragraph can be written here.</p>. 

Scene 9

Example of Paragraph
• Example:
<p>This is a paragraph of text. HTML allows you to structure and  
format content.</p>
<p>Another paragraph can be written here.</p>

Example of Button
• Example:
<button onclick="alert('Hello!')">Click Me</button>
<button>Visit Now</button>. 

Scene 10

Example of Button
• Example:
<button onclick="alert('Hello!')">Click Me</button>
<button>Visit Now</button>

Recap
• HTML provides a structure for web content.
• Key elements like headings, paragraphs, and buttons enhance user experience.. 

Scene 11

Recap
• HTML provides a structure for web content.
• Key elements like headings, paragraphs, and buttons enhance user 
experience.

Thank You
• Encourage questions from viewers.
• Thank viewers for watching and encourage them to practice HTML.. 

Scene 12

Thank You
• Encourage questions from viewers.
• Thank viewers for watching and encourage them to practice HTML.