HTML
What is HTML?
 HTML stands for Hyper Text Markup Language
 HTML is the standard markup language for
creating Web pages
 HTML describes the structure of a Web page
 HTML consists of a series of elements
 HTML elements tell the browser how to
display the content
 HTML elements label pieces of content such
as "this is a heading", "this is a paragraph",
"this is a link", etc.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Note: Only the content
inside the <body> section
(in red) will be displayed in
a browser.
 The <!DOCTYPE html> declaration defines that this
document is an HTML5 document
 The <html> element is the root element of an HTML
page
 The <head> element contains meta information about
the HTML page
 The <title> element specifies a title for the HTML
page (which is shown in the browser's title bar or in
the page's tab)
 The <body> element defines the document's body,
and is a container for all the visible contents, such as
headings, paragraphs, images, hyperlinks, tables,
lists, etc.
 The <h1> element defines a large heading
 The <p> element defines a paragraph
 An HTML element is defined by a start tag,
some content, and an end tag:
<tagname>Content goes here...</tagname>
 The HTML element is everything from the
start tag to the end tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
Note: Some HTML elements have no content (like the <br>
element). These elements are called empty elements.
Empty elements do not have an end tag!
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph </p>
<br> none none
 The purpose of a web browser (Chrome,
Edge, Firefox, Safari) is to read HTML
documents and display them correctly.
 A browser does not display the HTML tags,
but uses them to determine how to display
the document:

More Related Content

PPSX
Html introduction
PPTX
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
PPTX
Html5.pptx
PPTX
FEWDD Lec 1 web development presentation
PDF
HTML? What is Hyper Text Mark Up Language
PPTX
INTRODUCTION TO HTML.pptx
PDF
Web Development 1 (HTML & CSS)
PPTX
DICT-Standard-Template-4-3-ratio.pptx
Html introduction
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
Html5.pptx
FEWDD Lec 1 web development presentation
HTML? What is Hyper Text Mark Up Language
INTRODUCTION TO HTML.pptx
Web Development 1 (HTML & CSS)
DICT-Standard-Template-4-3-ratio.pptx

Similar to HTML.pptx (20)

PPTX
PDF
"Innovative Web Design & Development Hub
PDF
Module 1 - Introduction to HTML.pdf
PPT
BASICS - HTML.ppt in web technology in engineering
PPTX
PPTX
HTML/HTML5
PPTX
Basic Html Knowledge for students
PPTX
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
PPTX
Learn html Basics
PPTX
How to learn HTML in 10 Days
PPTX
html introduction - recover.pptxdbgbddbbd
DOCX
HTML Notes And Some Attributes
PPTX
An introduction to html
PPT
PPTX
Before Starting HTML , some topics to remember.
PPTX
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
PDF
Html tutorial
PPTX
HTML5 Topic 1
PPTX
PPTX
Html (hypertext markup language)
"Innovative Web Design & Development Hub
Module 1 - Introduction to HTML.pdf
BASICS - HTML.ppt in web technology in engineering
HTML/HTML5
Basic Html Knowledge for students
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
Learn html Basics
How to learn HTML in 10 Days
html introduction - recover.pptxdbgbddbbd
HTML Notes And Some Attributes
An introduction to html
Before Starting HTML , some topics to remember.
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
Html tutorial
HTML5 Topic 1
Html (hypertext markup language)

Recently uploaded (20)

PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PDF
semiconductor packaging in vlsi design fab
PPTX
What’s under the hood: Parsing standardized learning content for AI
PPTX
Unit 4 Computer Architecture Multicore Processor.pptx
DOCX
Cambridge-Practice-Tests-for-IELTS-12.docx
PDF
Hazard Identification & Risk Assessment .pdf
PDF
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
PDF
LIFE & LIVING TRILOGY - PART - (2) THE PURPOSE OF LIFE.pdf
PDF
Complications of Minimal Access-Surgery.pdf
PDF
Literature_Review_methods_ BRACU_MKT426 course material
PDF
Race Reva University – Shaping Future Leaders in Artificial Intelligence
PDF
My India Quiz Book_20210205121199924.pdf
PDF
CRP102_SAGALASSOS_Final_Projects_2025.pdf
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
PPTX
Education and Perspectives of Education.pptx
PDF
Journal of Dental Science - UDMY (2020).pdf
PDF
BP 505 T. PHARMACEUTICAL JURISPRUDENCE (UNIT 1).pdf
PDF
HVAC Specification 2024 according to central public works department
PDF
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
semiconductor packaging in vlsi design fab
What’s under the hood: Parsing standardized learning content for AI
Unit 4 Computer Architecture Multicore Processor.pptx
Cambridge-Practice-Tests-for-IELTS-12.docx
Hazard Identification & Risk Assessment .pdf
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
LIFE & LIVING TRILOGY - PART - (2) THE PURPOSE OF LIFE.pdf
Complications of Minimal Access-Surgery.pdf
Literature_Review_methods_ BRACU_MKT426 course material
Race Reva University – Shaping Future Leaders in Artificial Intelligence
My India Quiz Book_20210205121199924.pdf
CRP102_SAGALASSOS_Final_Projects_2025.pdf
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
A powerpoint presentation on the Revised K-10 Science Shaping Paper
Education and Perspectives of Education.pptx
Journal of Dental Science - UDMY (2020).pdf
BP 505 T. PHARMACEUTICAL JURISPRUDENCE (UNIT 1).pdf
HVAC Specification 2024 according to central public works department
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf

HTML.pptx

  • 2. What is HTML?  HTML stands for Hyper Text Markup Language  HTML is the standard markup language for creating Web pages  HTML describes the structure of a Web page  HTML consists of a series of elements  HTML elements tell the browser how to display the content  HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
  • 3. <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> Note: Only the content inside the <body> section (in red) will be displayed in a browser.
  • 4.  The <!DOCTYPE html> declaration defines that this document is an HTML5 document  The <html> element is the root element of an HTML page  The <head> element contains meta information about the HTML page  The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)  The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.  The <h1> element defines a large heading  The <p> element defines a paragraph
  • 5.  An HTML element is defined by a start tag, some content, and an end tag: <tagname>Content goes here...</tagname>  The HTML element is everything from the start tag to the end tag: <h1>My First Heading</h1> <p>My first paragraph.</p>
  • 6. Note: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag! Start tag Element content End tag <h1> My First Heading </h1> <p> My first paragraph </p> <br> none none
  • 7.  The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.  A browser does not display the HTML tags, but uses them to determine how to display the document: