Skip to content
Related Articles

Related Articles

Improve Article

Difference Between HTML, XML and DHTML

  • Last Updated : 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>

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :