Home / HTML / What is DHTML(Dynamic Hypertext Markup Languages)?

What is DHTML(Dynamic Hypertext Markup Languages)?

DHTML (Dynamic HTML) is not a singular technology but a collection of HTML(Hypertext Markup Language), CSS (Cascading Style Sheet) and scripting languages (such as JavaScript etc.) for creating dynamic WebPages. The various elements created using HTML are formatted using CSS. This when further combined with JavaScript help to add animation to your WebPages in realtime. All this is done through Document Object Model (DOM) whose job is to disclose all HTML and Stylesheet properties to JavaScript.

DHTM is entirely a client-side technology that depends only on the browser for the display and manipulation of WebPages without any communication with the web server. It also reduces the overhead of loading new WebPages, plug-ins etc.

Unlike HTML, DHTML is used for creating dynamic WebPages involving animations, games, appearing and disappearing text and images alternatively, showing latest news tickers, creating drop down menus and rollover buttons etc.

Although the web technologies that compose DHTML (HTML, CSS and JavaScript) are standardized but the manner in which they are implemented differ according to the browsers. MS-Internet Explorer and Netscape Navigator implement these technologies differently. For example VBScript is only supported by Internet Explorer and not by Netscape Navigator.

DHTML = HTML+ CSS+ JavaScript/VBScript


Features of DHTML

Dynamic Changing contents and styles:

DHTML provides the capability to change the contents, elements of a document after it has been loaded into a browser window. For example if you want to change the color, font size and underline the heading whenever a visitor moves a mouse printer over the heading then order to accomplish this, you have to use little bit of JavaScript and CSS style properties.

Element Positioning:  

DHTML allows the positioning of an element anywhere on the WebPages or they can stack over one another. For example an image can be positioned behind the text on the WebPages using style property z-index etc.

Dynamic Fonts:

DHTML allows downloading of fonts dynamically from the server along with the webpage. This features overcome the limitation of FONT-FAMILY property of <FONT> element where if the font is not available on the visitors system the default font is used.

Data Binding:

Data Binding is a useful DHTML feature that allows WebPages elements (such as table cells) to bind with the data source (such as common delimited text file or database.). When the page is viewed in a web browser, the data from the database is retrieved and displayed within the element automatically.

About ProjectsOnNet

If you want to improve your web development skill then ProjectOnNet is best place for learning. We are providing free projects for every class. We create our own project and submit on our website. We also help every student from around the world. If you have any project that can help students then please submit to us. We hope you all get much knowledge from our website. Thanks for visiting!

Check Also

html lists

How many types Lists in HTML (Hyper Text Markup Language)?

While reading the contents of a document, we generally prefer to read only the required …