html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
, to organize content effectively.">
Scribd
Upload
7 views11 pages

Grade 9 HTML Presentation

HTML, or HyperText Markup Language, is essential for structuring content on the web and has evolved from its simple beginnings in 1991 to support multimedia with HTML5. It consists of tags, which can be paired or unpaired, and attributes that provide additional information about those tags. A basic HTML document follows a specific structure, including elements like <html>, <head>, and <body>, to organize content effectively.

Uploaded by

try.amanchaudhari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
7 views11 pages

Grade 9 HTML Presentation

HTML, or HyperText Markup Language, is essential for structuring content on the web and has evolved from its simple beginnings in 1991 to support multimedia with HTML5. It consists of tags, which can be paired or unpaired, and attributes that provide additional information about those tags. A basic HTML document follows a specific structure, including elements like <html>, <head>, and <body>, to organize content effectively.

Uploaded by

try.amanchaudhari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

Introduction to

HTML
Building the Web, One Tag at a Time
Grade 9 Presentation
What is HTML?
 HTML stands for HyperText Markup
Language.
 It is used to structure content on
the web and tells the browser what
to display on a webpage.
A Brief History of HTML

 Invented by Tim Berners-Lee in 1991


 Early versions were simple – just text and
links(SGML)
 Now we use HTML5 – supports audio, video,
and more
 HTML evolved to make websites more
interactive and multimedia-rich
What are HTML Tags?
 HTML is made up of tags.
 Tags are written inside angle brackets
like < >.
 Most tags come in pairs, e.g.,
<p>This is a paragraph.</p>
Types of HTML Tags

 Paired Tags: Have opening and closing


tags, e.g., <h1>Hello</h1>
 Unpaired Tags: Self-closing, e.g., <br>
and <img>
HTML Attributes
 Attributes provide extra information
about tags. They are written as
name="value" in the opening tag.
 Example:
<img src="cat.jpg" alt="Cute Cat">
Basic Structure of an HTML Document
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<h1>Welcome!</h1>
<p>This is my first website.</p>
</body>
</html>
Explanation of HTML
Structure
 <!DOCTYPE html> – Declares HTML5
 <html> – Root of the webpage
 <head> – Contains page info (like title, styles)
 <title> – Sets the browser tab name
 <body> – Contains all visible content
 <h1>, <p> – Actual content on the page
Common HTML Tags

 <h1> to <h6> – Headings


 <p> – Paragraph
 <a> – Hyperlink
 <img> – Image
 <br> – Line Break
 <ul>, <li> – Lists
Summary

 HTML is the language of the web


 Tags are the building blocks
 There are paired and unpaired tags
 Every webpage follows a basic HTML structure
Quick Quiz / Activity

 Match the tag to its purpose:


 1. <a> A. Link
 2. <img> B. Image
 3. <p> C. Paragraph
 4. <h1> D. Heading
 5. <br> E. Line Break

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy