Difference Between HTML, XML and DHTML

12 Feb, 2021
1. HTML
HTML stands for HyperText Markup Language.
Used to design the layout of a document and to specify the hyperlinks.
Tells the browser how to display text, pictures, and other support media.
Support multimedia and new page layout features.
Easy to integrate with other programming languages.
HTML consists of a series of elements.
Provides many tags for control the presentation of information on the web pages, such as <body>, <li>, <hr> etc.
HTML Syntax:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>Hello World</h1>
<p>This is GeeksForGeeks portal.</p>

</body>
</html>
2. XML
XML stands for eXtensible Markup Language.
A markup language is a mechanism to identify structure in a document.
XML was designed to store and transport data.
XML was designed to be self-descriptive.
XML defines a standard way to add markup to documents.
Provides an ability to define tags and the structural relationship between them.
All of the semantics of an XML document will either be defined by the application that process them or by style sheets.
XML Syntax:
<note>
  <to>Geeks</to>
  <from>GeeksForGeeks</from>
  <heading>Welcome to new course</heading>
  <body>Don't forget to signup before this weekend!</body>
</note>
3. DHTML
DHTML stands for Dynamic HTML.
DHTML is a TERM used to describe the technologies used to make web pages dynamic and interactive.
DHTML refers to web content that changes each time it is viewed. For example, the graphic can move from one location to another, in response to a user action, such as a mouse click.
Enable a web page to react to user input without sending a request to a web server.
Used to describe the combination of HTML, style sheets, and scripts that allow documents to be animate.
DHTML Syntax:
<html>
<head>
<script type="text/javascript">
function sameInfo()
{
for (i=0; i<document.myForm1.option.length; i++)
    {
    document.myForm2.option[i].value=document.myForm1.option[i].value;
    }
}
</script>
</head>
<body>

<form name="myForm1">
First name: <input type="text" name="option"><br />
Last name: <input type="text" name="option"><br />
Address: <input type="text" name="option"><br />
E-mail: <input type="text" name="option"><br />
<br />
<input type="button" onclick="sameInfo()" value="Same information below"><br />
</form>

<form name="myForm2">
First name: <input type="text" name="option"><br />
Last name: <input type="text" name="option"><br />
Address: <input type="text" name="option"><br />
E-mail: <input type="text" name="option"><br />
</form>

</body>
</html>
Difference Between
HTML
Web Technologies
HTML
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Difference between var, let and const keywords in JavaScript
Difference Between Method Overloading and Method Overriding in Java
Similarities and Difference between Java and C++
Difference between Internal and External fragmentation
Difference between MANET and VANET
How to update Node.js and NPM to next version ?
Top 10 Projects For Beginners To Practice HTML and CSS Skills
How to insert spaces/tabs in text using HTML/CSS?
REST API (Introduction)
Hide or show elements in HTML using display property