DHTML (Dynamic HTML) is not a single technology but a combination of web technologies used to create interactive and dynamic web pages without reloading the entire page.

1. COMPONENTS OF DHTML -DYNAMIC HTML AND ITS
CORE ELEMENTS
Presented by
Ms Subhasheni A
Assistant Professor
Department of Computer Science
Sri Ramakrishna College of Arts & Science
Coimbatore

2. INTRODUCTION TO DHTML
 DHTML stands for Dynamic HTML
 It is not a language but a collection of
technologies used together to create interactive
web pages
 Technologies involved: HTML, CSS, JavaScript,
and the Document Object Model (DOM)

3. 1. HTML (HYPERTEXT MARKUP
LANGUAGE)
 Provides the basic structure of web content
 Defines elements such as headings, paragraphs,
tables, links, images, etc.
 Forms the static framework of a web page

4. 2. CSS (CASCADING STYLE SHEETS)
 Responsible for the presentation and layout
 Allows styling of HTML elements (colors, fonts,
spacing, etc.)
 Enables responsive and adaptive design

5. 3. JAVASCRIPT
 Scripting language used to create interactivity
 Handles events (click, hover, input)
 Modifies HTML and CSS dynamically without
reloading the page

6. 4. DOCUMENT OBJECT MODEL
(DOM)
 Represents the structure of an HTML or XML
document as a tree
 Allows JavaScript to access and manipulate
elements and attributes
 Enables dynamic updates to the page content
and structure

7. WORKING TOGETHER
 HTML defines content
 CSS styles the content
 JavaScript provides behavior
 DOM connects them all for interactivity
 Together they form DHTML

8. BENEFITS OF DHTML
 Enables dynamic content changes without
reloading the page
 Improves user interaction and experience
 Used in menus, animations, form validations,
and more

9. APPLICATIONS OF DHTML
 Drop-down menus
 Form validations
 Animations
 Real-time updates
 Interactive UI components

10. SUMMARY
 DHTML combines HTML, CSS, JavaScript, and
DOM
 Enhances web pages with interactivity and
dynamic content
 A key part of modern web development

11. THANK YOU