Disclaimer This ppt is for an educational purpose only. This ppt is done with the help of the following- Wikipedia Google Google images 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 HTML is used to create the structure of web pages that are displayed on the World Wide Web (www). 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
OUTPUT 9
XML 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? eXtansible Markup Language c) eXtensible Markups Language eXtansble Markup Language d) eXtensible Markup Language FALSE