Scribd
Upload
18 views14 pages

Unit 3 Dhtml Xhtml

The document discusses DHTML, which combines HTML, CSS, JavaScript, and DOM to create dynamic and interactive web pages. It also covers XML, a markup language that allows authors to define their own tags and document structure, unlike HTML which uses predefined tags. Key uses of DHTML include creating animations, interactive elements, and real-time web content updates.

Uploaded by

Vinothini Baskaran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
18 views14 pages

Unit 3 Dhtml Xhtml

The document discusses DHTML, which combines HTML, CSS, JavaScript, and DOM to create dynamic and interactive web pages. It also covers XML, a markup language that allows authors to define their own tags and document structure, unlike HTML which uses predefined tags. Key uses of DHTML include creating animations, interactive elements, and real-time web content updates.

Uploaded by

Vinothini Baskaran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

DHTML

• Extension of that language.


• Extension of the XML language.
• XHTML is to create a stricter way to develop websites consistently
and expectantly.
• XHTML works by allowing you to write standard HTML using the
strict guidelines
DHTML

• Dynamic HTML is not a markup or programming language but it is a


term that combines the features of various web development
technologies for creating the web pages dynamic and interactive.
• DHTML allows authors to add effects to their pages that are otherwise
difficult to achieve, by changing the Document Object Model (DOM)
and page style. The combination of HTML, CSS, and JavaScript offers
ways to: Animate text and images in their document.
DHTML consists of the following four components or languages:
• HTML 4.0
• CSS
• JavaScript
• DOM.
• HTML
HTML is a client-side markup language, which is a core component of the DHTML. It
defines the structure of a web page with various defined basic elements or tags.
• CSS
CSS stands for Cascading Style Sheet, which allows the web users or developers for
controlling the style and layout of the HTML elements on the web pages.
• JavaScript
JavaScript is a scripting language which is done on a client-side. The various browser
supports JavaScript technology. DHTML uses the JavaScript technology for accessing,
controlling, and manipulating the HTML elements. The statements in JavaScript are the
commands which tell the browser for performing an action.
• DOM
DOM is the document object model. It is a w3c standard, which is a standard interface of
programming for HTML. It is mainly used for defining the objects and properties of all
elements in HTML.
Uses of DHTML

• It is used for designing the animated and interactive web pages that are
developed in real-time.
• DHTML helps users by animating the text and images in their
documents.
• It allows the authors for adding the effects on their pages.
• It also allows the page authors for including the drop-down menus or
rollover buttons.
• This term is also used to create various browser-based action games.
• It is also used to add the ticker on various websites, which needs to
refresh their content automatically.
<HTML>
<head>
<title>
Method of a JavaScript
</title>
</head>
<body>
<script type="text/javascript">
document.write("JavaTpoint");
</script>
</body>
</html>
<html> <body bgcolor="orange">
<head> <font size="4" color="blue">
<center> <p>
<title>
Click here # <a href="#"
DHTML with JavaScript onClick="dateandtime();">
</title> Date and Time </a>
<script type="text/javascript"> # to check the today's date and
function dateandtime() time.
{ </p> </center>
alert(Date()); </font>
</body>
}
</html>
</script>
</head>
XML
• XML (Extensible Markup Language) is a markup language similar to
HTML, but without predefined tags to use.
• This is a powerful way to store data in a format that can be stored,
searched, and shared.
<?xml>
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
• The XML language has no predefined tags.
• The tags in the example above (like <to> and <from>) are not defined
in any XML standard. These tags are "invented" by the author of the
XML document.
• HTML works with predefined tags like <p>, <h1>, <table>, etc.
• With XML, the author must define both the tags and the document
structure.
<?xml>
<bookstore>

<book category="cooking">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>

<book category="children">
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>

<book category="web">
<title lang="en">XQuery Kick Start</title>
<author>James McGovern</author>
<author>Per Bothner</author>
<author>Kurt Cagle</author>
<author>James Linn</author>
<author>Vaidyanathan Nagarajan</author>
<year>2003</year>
<price>49.99</price>
</book>
</bookstore>

You might also like