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>
Share your thoughts in the comments
Please Login to comment...