Dynamic HTML (DHTML)

DHTML (Dynamic HTML) is a combination of technologies used to make web pages dynamic and interactive. It is not a separate programming language.

Main technologies

1. HTML — provides the page structure.
2. CSS — controls presentation and styles.
3. JavaScript — provides behavior and logic.
4. DOM — represents the document and allows scripts to change its content and structure.

Example

<p id="msg">Old text</p>
<button onclick="changeText()">Change</button>

<script>
function changeText() {
    document.getElementById("msg").textContent = "New text";
}
</script>

When the button is clicked, JavaScript changes the paragraph without requiring the whole page to be reloaded.

Advantages

• Creates interactive pages.
• Allows dynamic content and style changes.
• Improves user experience.
• Can update selected page elements efficiently.

Conclusion: DHTML = HTML + CSS + JavaScript + DOM, working together to create dynamic web pages.