Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Difference Between HTML, XML and DHTML
HTML, XML, and DHTML are web technologies. HTML or HyperText Markup Language is a primary markup language that is used to design web pages. XML or extensible language, is a markup language that focuses on data description that is both human-readable and machine-readable. DHTML or Dynamic HyperText Markup Langauge combines HTML, CSS, and JavaScript to responsive web pages.
These three technologies are essential to design a webpage that is user-engaging and visually appealing. In this article, we will discuss each technology one by one with appropriate examples.
HTML
HTML stands for HyperText Markup Language. It is a standard markup language and it provides a series of elements that can be used to design and structure a webpage. These elements tell the browser how to display the content. The HTML elements label the content in the HTML document such as <head>, <body>,<h1>,<p>, etc.
Example
Following is the simple HTML document where we are using the following HTML elements −
<html> − It is the root element of the HTML document.
<head> − This element contains the metadata of the HTML document.
<title> − It specifies the title for the HTML document and it will be displayed on the browser’s title tab.
<body> − This element acts as a container for visible content on the webpage such as headings, paragraphs, images, tables, links, etc.
<h1> − It defines a large heading.
<hr> − It represents a horizontal line.
<p> − It defines a paragraph.
Example
<html> <head> <title>My first webpage</title> </head> <body> <h1>Tutorialspoint</h1> <hr> <p>Simply Easy Learning at your fingertips...</p> </body> </html>
XML
XML stands for Extensible Markup Language. It is also a markup language designed especially for web documents. It defines a set of rules for encoding documents in a format that is both human-readable and machine-readable. It allows developers to create custom tags. XML also enables the definition, transmission, validation, and interpretation of data between applications.
Example
Following is the basic example of XML where we are using tags such as <note>, <to>, <from>, <heading>, and <body>.
<?xml version="1.0" encoding="UTF-8"?> <note> <to>Arjun</to> <from>Tutorialspoint</from> <heading>Joining Letter</heading> <body>Please remember to attend the office for a crucial presentation on July 1st, 2023.</body> </note>
DHTML
DHTML stands for Dynamic HyperText Markup Language. It combines HTML, CSS, and JavaScript to create interactive and dynamic web pages. It allows for customization and changes to the content based on user inputs.
Example
In the following DHTML example, a web page is created with a button that triggers a JavaScript function to dynamically change the content of a paragraph element with the id "myText" when clicked.
<!DOCTYPE html>
<html>
<head>
<title>DHTML Example</title>
<script>
function changeText() {
document.getElementById('demo').innerHTML = 'Simply Easy Learning at your fingertips.';
}
</script>
</head>
<body>
<h1>Tutorialspoint</h1>
<p id="demo">This text will change dynamically if you click the below button.</p>
<button onclick="changeText()">Click Me</button>
</body>
</html>
715 Views
