SlideShare a Scribd company logo
1 of 18
1
DISCLAIMER
• This ppt is for an educational purpose only.
• This ppt is done with the help of the following-
1.Wikipedia
2.Google
3.Google images
4.https://www.javatpoint.com/
2
WHAT IS HTML?
• HTML stands for Hyper Text Markup Language.
• It is used to design web pages using the markup language.
• HTML is the combination of Hypertext and Markup language.
• Hypertext defines the link between the web pages and markup language
defines the text document within the tag that define the structure of web
pages.
3
WHAT IS A MARK-UP
LANGUAGE?
A mark up language is a modern system for highlight or
underline a document.
Students often underline or highlight a passage to revise
easily, same in the sense of modern mark up language
highlighting or underlining is replaced by tags.
4
USES OF HTML
1. HTML is used to create the structure of web pages that are
displayed on the World Wide Web (www).
2. It contains Tags and Attributes that are used to design the
web pages. Also, we can link multiple pages using
Hyperlinks
5
HTML BASIC FORMAT
6
BASIC TERMS & MEANINGS
• <DOCTYPE! html> – A doctype or document type declaration is an instruction that
tells the web browser about the markup language in which the current page is
written. It is not an element or tag. The doctype declaration is not case-sensitive.
• <html> – This tag is used to define the root element of HTML document. This tag
tells the browser that it is an HTML document. It is the second outer container
element that contains all other elements within it.
• <head> – This tag is used to define the head portion of the HTML document that
contains information related to the document. Elements within the head tag are not
visible on the front-end of a webpage.
• <body> – The body tag is used to enclose all the visible content of a webpage. In
other words, the body content is what the browser will show on the front end
7
EXAMPLE 1
<!DOCTYPE html>
<html>
<head>
<title>DEMO</title>
</head>
<body>
<h1>Hope you all are able to understand this</h1>
<p>This IS a paragraph. Always be happy</p>
</body>
</html>
8
9
10
WHAT IS XML?
Xml (eXtensible Markup Language) is a mark up language.
XML is designed to store and transport data.
Xml was released in late 90’s. it was created to provide an easy to use and
store self describing data.
XML became a W3C Recommendation on February 10, 1998.
XML is not a replacement for HTML.
XML is designed to be self-descriptive.
XML is designed to carry data, not to display data.
XML tags are not predefined. You must define your own tags.
XML is platform independent and language independent. 11
WHY XML?
 Platform Independent and Language Independent: The main
benefit of xml is that you can use it to take data from a program like
Microsoft SQL, convert it into XML then share that XML with other
programs and platforms. You can communicate between two
platforms which are generally very difficult.
 The main thing which makes XML truly powerful is its international
acceptance. Many corporation use XML interfaces for databases,
programming, office application mobile phones and more. It is due to
its platform independent feature. 12
ADVANTAGES OF XML
XML simplifies data sharing
XML simplifies data transport
XML simplifies Platform change
XML increases data availability
XML can be used to create new internet languages .. Like
XHTML WSDL
13
14
ROOT
XML CODING IS
LIKE A TREE
( Starts with <root>,
branches, leaves..
and ends with
</root> )
BRANCH
LEAVES
RULES
FOR WELL
FORMED
XML
15
HTML VS XML
16
No.
HTML XML
1) HTML is used to display data and focuses on
how data looks.
XML is a software and hardware independent tool used to
transport and store data. It focuses on what data is.
2) HTML is a markup language itself. XML provides a framework to define markup languages.
3) HTML is not case sensitive. XML is case sensitive.
4) HTML is a presentation language. XML is neither a presentation language nor a programming
language.
5) HTML has its own predefined tags. You can define tags according to your need.
6) In HTML, it is not necessary to use a closing
tag.
XML makes it mandatory to use a closing tag.
7) HTML is static because it is used to display data. XML is dynamic because it is used to transport data.
8) HTML does not preserve whitespaces. XML preserve whitespaces.
QUIZ TIME
17
1) Which of the following is true
a)HTML has both tags and attributes c)Tags are pre-defined in HTML and XML
b)XML has both tags and attributes d)Tags are user pre-defined in XML
2) XML tags are used for display. TRUE OR FALSE?
3)What is the full form of XML?
a)eXtansible Markup Language c) eXtensible Markups Language
b)eXtansble Markup Language d) eXtensible Markup Language
FALSE
18

More Related Content

What's hot (20)

Html list
Html listHtml list
Html list
 
Microsoft access
Microsoft accessMicrosoft access
Microsoft access
 
Html
HtmlHtml
Html
 
MS frontpage 2003
MS frontpage 2003MS frontpage 2003
MS frontpage 2003
 
Python | What is Python | History of Python | Python Tutorial
Python | What is Python | History of Python | Python TutorialPython | What is Python | History of Python | Python Tutorial
Python | What is Python | History of Python | Python Tutorial
 
Web servers
Web serversWeb servers
Web servers
 
Database and types of database
Database and types of databaseDatabase and types of database
Database and types of database
 
FIT-Unit3 chapter2- Computer Languages
FIT-Unit3 chapter2- Computer LanguagesFIT-Unit3 chapter2- Computer Languages
FIT-Unit3 chapter2- Computer Languages
 
Html
HtmlHtml
Html
 
XML
XMLXML
XML
 
javaScript.ppt
javaScript.pptjavaScript.ppt
javaScript.ppt
 
Javascript
JavascriptJavascript
Javascript
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
What is CSS?
What is CSS?What is CSS?
What is CSS?
 
Unit 1 introduction to web programming
Unit 1 introduction to web programmingUnit 1 introduction to web programming
Unit 1 introduction to web programming
 
Introduction to XML
Introduction to XMLIntroduction to XML
Introduction to XML
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Introduction to PHP
Introduction to PHPIntroduction to PHP
Introduction to PHP
 
Introduction to ms access database
Introduction to ms access databaseIntroduction to ms access database
Introduction to ms access database
 

Similar to HTML and XML Introduction

Similar to HTML and XML Introduction (20)

Lecture 4 - Adding XTHML for the Web
Lecture  4 - Adding XTHML for the WebLecture  4 - Adding XTHML for the Web
Lecture 4 - Adding XTHML for the Web
 
Introduction to xml
Introduction to xmlIntroduction to xml
Introduction to xml
 
Html book2
Html book2Html book2
Html book2
 
XML
XMLXML
XML
 
Xml 150323102007-conversion-gate01
Xml 150323102007-conversion-gate01Xml 150323102007-conversion-gate01
Xml 150323102007-conversion-gate01
 
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tag
 
Xml material
Xml materialXml material
Xml material
 
Xml material
Xml materialXml material
Xml material
 
Xml material
Xml materialXml material
Xml material
 
Web topic 2 html
Web topic 2  htmlWeb topic 2  html
Web topic 2 html
 
Differences between HTML and XML.pdf
Differences between HTML and XML.pdfDifferences between HTML and XML.pdf
Differences between HTML and XML.pdf
 
uptu web technology unit 2 Xml2
uptu web technology unit 2 Xml2uptu web technology unit 2 Xml2
uptu web technology unit 2 Xml2
 
XML Introduction
XML IntroductionXML Introduction
XML Introduction
 
Xml
XmlXml
Xml
 
PRESENTATION WORK ON COMPUTER APPLICATION IN PHARMACY.pdf
PRESENTATION WORK ON COMPUTER APPLICATION IN PHARMACY.pdfPRESENTATION WORK ON COMPUTER APPLICATION IN PHARMACY.pdf
PRESENTATION WORK ON COMPUTER APPLICATION IN PHARMACY.pdf
 
Web Development From the Ground Up, a Series for Novice ...
Web Development From the Ground Up, a Series for Novice ...Web Development From the Ground Up, a Series for Novice ...
Web Development From the Ground Up, a Series for Novice ...
 
Xml
XmlXml
Xml
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Appdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptxAppdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptx
 
Introdution to HTML
Introdution to HTMLIntrodution to HTML
Introdution to HTML
 

Recently uploaded

Analog to Digital and Digital to Analog Converter
Analog to Digital and Digital to Analog ConverterAnalog to Digital and Digital to Analog Converter
Analog to Digital and Digital to Analog ConverterAbhinavSharma374939
 
Microscopic Analysis of Ceramic Materials.pptx
Microscopic Analysis of Ceramic Materials.pptxMicroscopic Analysis of Ceramic Materials.pptx
Microscopic Analysis of Ceramic Materials.pptxpurnimasatapathy1234
 
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escortsranjana rawat
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Dr.Costas Sachpazis
 
Introduction to IEEE STANDARDS and its different types.pptx
Introduction to IEEE STANDARDS and its different types.pptxIntroduction to IEEE STANDARDS and its different types.pptx
Introduction to IEEE STANDARDS and its different types.pptxupamatechverse
 
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICSHARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICSRajkumarAkumalla
 
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVHARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVRajaP95
 
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130Suhani Kapoor
 
GDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSCAESB
 
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...srsj9000
 
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130Suhani Kapoor
 
Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024hassan khalil
 
Introduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptxIntroduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptxupamatechverse
 
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...Soham Mondal
 
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )Tsuyoshi Horigome
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 

Recently uploaded (20)

Analog to Digital and Digital to Analog Converter
Analog to Digital and Digital to Analog ConverterAnalog to Digital and Digital to Analog Converter
Analog to Digital and Digital to Analog Converter
 
Microscopic Analysis of Ceramic Materials.pptx
Microscopic Analysis of Ceramic Materials.pptxMicroscopic Analysis of Ceramic Materials.pptx
Microscopic Analysis of Ceramic Materials.pptx
 
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
 
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
 
Call Us -/9953056974- Call Girls In Vikaspuri-/- Delhi NCR
Call Us -/9953056974- Call Girls In Vikaspuri-/- Delhi NCRCall Us -/9953056974- Call Girls In Vikaspuri-/- Delhi NCR
Call Us -/9953056974- Call Girls In Vikaspuri-/- Delhi NCR
 
Introduction to IEEE STANDARDS and its different types.pptx
Introduction to IEEE STANDARDS and its different types.pptxIntroduction to IEEE STANDARDS and its different types.pptx
Introduction to IEEE STANDARDS and its different types.pptx
 
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICSHARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
HARDNESS, FRACTURE TOUGHNESS AND STRENGTH OF CERAMICS
 
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVHARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
 
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
 
GDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentation
 
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
 
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
 
Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024
 
Introduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptxIntroduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptx
 
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
 
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 

HTML and XML Introduction

  • 1. 1
  • 2. DISCLAIMER • This ppt is for an educational purpose only. • This ppt is done with the help of the following- 1.Wikipedia 2.Google 3.Google images 4.https://www.javatpoint.com/ 2
  • 3. WHAT IS HTML? • HTML stands for Hyper Text Markup Language. • It is used to design web pages using the markup language. • HTML is the combination of Hypertext and Markup language. • Hypertext defines the link between the web pages and markup language defines the text document within the tag that define the structure of web pages. 3
  • 4. WHAT IS A MARK-UP LANGUAGE? A mark up language is a modern system for highlight or underline a document. Students often underline or highlight a passage to revise easily, same in the sense of modern mark up language highlighting or underlining is replaced by tags. 4
  • 5. USES OF HTML 1. HTML is used to create the structure of web pages that are displayed on the World Wide Web (www). 2. It contains Tags and Attributes that are used to design the web pages. Also, we can link multiple pages using Hyperlinks 5
  • 7. BASIC TERMS & MEANINGS • <DOCTYPE! html> – A doctype or document type declaration is an instruction that tells the web browser about the markup language in which the current page is written. It is not an element or tag. The doctype declaration is not case-sensitive. • <html> – This tag is used to define the root element of HTML document. This tag tells the browser that it is an HTML document. It is the second outer container element that contains all other elements within it. • <head> – This tag is used to define the head portion of the HTML document that contains information related to the document. Elements within the head tag are not visible on the front-end of a webpage. • <body> – The body tag is used to enclose all the visible content of a webpage. In other words, the body content is what the browser will show on the front end 7
  • 8. EXAMPLE 1 <!DOCTYPE html> <html> <head> <title>DEMO</title> </head> <body> <h1>Hope you all are able to understand this</h1> <p>This IS a paragraph. Always be happy</p> </body> </html> 8
  • 9. 9
  • 10. 10
  • 11. WHAT IS XML? Xml (eXtensible Markup Language) is a mark up language. XML is designed to store and transport data. Xml was released in late 90’s. it was created to provide an easy to use and store self describing data. XML became a W3C Recommendation on February 10, 1998. XML is not a replacement for HTML. XML is designed to be self-descriptive. XML is designed to carry data, not to display data. XML tags are not predefined. You must define your own tags. XML is platform independent and language independent. 11
  • 12. WHY XML?  Platform Independent and Language Independent: The main benefit of xml is that you can use it to take data from a program like Microsoft SQL, convert it into XML then share that XML with other programs and platforms. You can communicate between two platforms which are generally very difficult.  The main thing which makes XML truly powerful is its international acceptance. Many corporation use XML interfaces for databases, programming, office application mobile phones and more. It is due to its platform independent feature. 12
  • 13. ADVANTAGES OF XML XML simplifies data sharing XML simplifies data transport XML simplifies Platform change XML increases data availability XML can be used to create new internet languages .. Like XHTML WSDL 13
  • 14. 14 ROOT XML CODING IS LIKE A TREE ( Starts with <root>, branches, leaves.. and ends with </root> ) BRANCH LEAVES
  • 16. HTML VS XML 16 No. HTML XML 1) HTML is used to display data and focuses on how data looks. XML is a software and hardware independent tool used to transport and store data. It focuses on what data is. 2) HTML is a markup language itself. XML provides a framework to define markup languages. 3) HTML is not case sensitive. XML is case sensitive. 4) HTML is a presentation language. XML is neither a presentation language nor a programming language. 5) HTML has its own predefined tags. You can define tags according to your need. 6) In HTML, it is not necessary to use a closing tag. XML makes it mandatory to use a closing tag. 7) HTML is static because it is used to display data. XML is dynamic because it is used to transport data. 8) HTML does not preserve whitespaces. XML preserve whitespaces.
  • 17. QUIZ TIME 17 1) Which of the following is true a)HTML has both tags and attributes c)Tags are pre-defined in HTML and XML b)XML has both tags and attributes d)Tags are user pre-defined in XML 2) XML tags are used for display. TRUE OR FALSE? 3)What is the full form of XML? a)eXtansible Markup Language c) eXtensible Markups Language b)eXtansble Markup Language d) eXtensible Markup Language FALSE
  • 18. 18