SlideShare a Scribd company logo
3
Most read
4
Most read
5
Most read
DYNAMIC HTML
PRESENTED BY:-
Ayush Sharma - 10
Himanshu Kumar - 16
Piyush Singh - 28
Pranabananda Jana - 29
Somnath Jha - 45
1
CONTENTS
 DHTML
 Features Of DHTML
 Advantage Of DHTML
 HTML – Brief Description
 CSS - Brief Description
 Scripting Example
 Dom
 HTML DOM Tree
 Advantage Of DOM
2
DHTML- BRIEF DESCRIPTION
 DHTML stands for Dynamic HTML.
 "Dynamic" is defined as the ability of the browser to
alter a web page's look and style after the
document has loaded.
 It just uses languages features to build dynamic
web pages.
3Content
 All these three components are linked via
Document Object Model (DOM).
 Document Object Model is to provide a standard
programming interface.
 DHTML is NOT a scripting language
 It uses different technologies.
DHTML…
4Content
 Simplest feature is making the page dynamic.
 Can be used to create animations, games, applications.
 Dynamic building of web pages is simple as no plug-in is
required.
 Facilitates the usage of events, methods and properties
and code reuse.
 It makes the Web experience faster and more interactive
for end users.
FEATURES OF DHTML
5
Content
Dynamic HTML
HTML
content
CSS
style rules
appearance
Scripting
Language
manipulatemanipulate
6Content
ADVANTAGE OF DHTML
 DHTML can make your browser dynamic and
interactive.
 Validation of input’s given by the user can be done
at the client side, without connection to the server.
 Content and design can be separated using Style
sheets & uniformity of the site can be maintained
using them.
7Content
HTML – BRIEF DESCRIPTION
 HTML Stands for Hyper Text Markup Language.
 An HTML file is a Text file containing small markup
tags.
 An HTML file can be created by using a simple Text
Editor like Notepad.
8Content
HTML
Partitions and Organizes the content
9
Content
HTML EXAMPLE
<HTML>
<HEAD>
<TITLE>Sample</TITLE>
</HEAD>
<BODY>
<P><h1><b>This is a sample paragraph</b></h1></P>
</BODY>
</HTML>
10View Page Content
CSS
[ CASCADING STYLE SHEETS ]
element
Padding
Border
Margin
CSS: Box Model
11
Content
CSS- BRIEF DESCRIPTION
 Cascading Style Sheet
 Defining the style and layout model for HTML
documents.
 There are two types implementation
i) Internal
ii) External
12
Content
CSS EXAMPLE
<STYLE TYPE="text/css">
BODY {
background-color: #CCCCCC;
}
P {
border: 1px solid black;
background-color: #FFFFFF;
margin-bottom: 1px;
}
</STYLE>
13View Page Content
SCRIPTING (JAVA SCRIPT , VB SCRIPT)
 Allows you to add conditional, client-side logic
and behavior to your document.
 Fully object-oriented, DOM interaction and more.
14Content
JAVASCRIPT EXAMPLE
<script type="text/javascript">
function display_message()
{
document.write("n This is a message");
var x=4;
document.write("n Integer value of x"+x);
var x="It is a String";
document.write("n String value of x"+x);
};
</script>
15ContentView Page
DOM INTRODUCTION
 DOM stands for Data Object Model.
 The DOM is a W3C (World Wide Web Consortium) standard.
 "The W3C Document Object Model (DOM) is a platform and
language-neutral interface that allows programs and scripts to
dynamically access and update the content, structure, and
style of a document."
16Content
HTML DOM TREE
17Content
ADVANTAGE OF DOM
 The Document Object Model is a platform- and
language-neutral interface.
 Defines a hierarchical model of the document
structure through which all document elements may
be accessed.
 Relatively simple to modify data structure and
extract data.
18Content
THANK YOU…
19

More Related Content

What's hot (20)

PDF
Introduction to html
eShikshak
 
PPT
cascading style sheet ppt
abhilashagupta
 
PDF
Html frames
eShikshak
 
PPTX
An Overview of HTML, CSS & Java Script
Fahim Abdullah
 
PPTX
HTML
chinesebilli
 
PPTX
HTML Forms
Ravinder Kamboj
 
PPT
Introduction to html
vikasgaur31
 
PPTX
HTML Text formatting tags
Himanshu Pathak
 
PPT
PPT on Basic HTML Tags
VinitaPaliwal1
 
PPTX
Basic html structure
Jhaun Paul Enriquez
 
PPT
HTML Tags
Pranay Agrawal
 
PPT
Web Development using HTML & CSS
Shashank Skills Academy
 
PPTX
Cascading Style Sheet (CSS)
AakankshaR
 
PPTX
PHP FUNCTIONS
Zeeshan Ahmed
 
PDF
Intro to HTML and CSS basics
Eliran Eliassy
 
PPTX
HTML: Tables and Forms
BG Java EE Course
 
ODP
Introduction of Html/css/js
Knoldus Inc.
 
PPTX
Cascading style sheets (CSS-Web Technology)
Timbal Mayank
 
Introduction to html
eShikshak
 
cascading style sheet ppt
abhilashagupta
 
Html frames
eShikshak
 
An Overview of HTML, CSS & Java Script
Fahim Abdullah
 
HTML Forms
Ravinder Kamboj
 
Introduction to html
vikasgaur31
 
HTML Text formatting tags
Himanshu Pathak
 
PPT on Basic HTML Tags
VinitaPaliwal1
 
Basic html structure
Jhaun Paul Enriquez
 
HTML Tags
Pranay Agrawal
 
Web Development using HTML & CSS
Shashank Skills Academy
 
Cascading Style Sheet (CSS)
AakankshaR
 
PHP FUNCTIONS
Zeeshan Ahmed
 
Intro to HTML and CSS basics
Eliran Eliassy
 
HTML: Tables and Forms
BG Java EE Course
 
Introduction of Html/css/js
Knoldus Inc.
 
Cascading style sheets (CSS-Web Technology)
Timbal Mayank
 

Viewers also liked (11)

PPT
JavaScript - An Introduction
Manvendra Singh
 
PPTX
Dhtml
rahul kundu
 
PPS
Xhtml
Samir Sabry
 
PPTX
Dhtml
Sadhana28
 
PDF
Introduction to XHTML
Hend Al-Khalifa
 
PPT
Dynamic HTML
Vinil Patel
 
PPTX
JSON: The Basics
Jeff Fox
 
PPT
Js ppt
Rakhi Thota
 
JavaScript - An Introduction
Manvendra Singh
 
Dhtml
Sadhana28
 
Introduction to XHTML
Hend Al-Khalifa
 
Dynamic HTML
Vinil Patel
 
JSON: The Basics
Jeff Fox
 
Js ppt
Rakhi Thota
 
Ad

Similar to Dynamic HTML (DHTML) (20)

PPTX
DYNAMIC HYPERTEXT MARKUP LANGUAGE (DHTML) & CSS WITH Application of JavaScript
Soumen Santra
 
PDF
Web Engineering UNIT III as per RGPV Syllabus
NANDINI SHARMA
 
PPTX
Digital Marketing Company
Payal9675
 
PDF
Web engineering notes unit 3
inshu1890
 
PDF
UNIT-2.pdff na hdjsjqkiadndkwjsmdmakxkddnsn
ashisq51
 
PPTX
An Introduction to HTML
crea8ivemoiz
 
PPTX
Web Technology Part 3
Thapar Institute
 
PPTX
Static and Dynamic webpage
Aishwarya Pallai
 
DOCX
Web Development Training Report.docx
CuriosityKlinic
 
PPTX
Web Design Basics and HTML
Rajesh Sanabada
 
PPTX
Web development using HTML and CSS
SiddhantSingh980217
 
PPTX
WELCOME (recovernjkgnjvnvnfjkvnjknnbfjked).pptx
HarshwardhanPatil52
 
PDF
Internship review
PAWAN KUMAR
 
PPT
Dhtml chapter2
FLYMAN TECHNOLOGY LIMITED
 
PPTX
Html Concept
Jaya Kumari
 
PPTX
025444215.pptx
RiyaJenner1
 
PPT
Dynamic html (#1)
Haider Habeeb
 
PPT
Unit 2 dhtml
Sarthak Varshney
 
PPT
ppt.ppt
Sana903754
 
PPTX
Key Features and Benefits of Using DHTML
subhashenia
 
DYNAMIC HYPERTEXT MARKUP LANGUAGE (DHTML) & CSS WITH Application of JavaScript
Soumen Santra
 
Web Engineering UNIT III as per RGPV Syllabus
NANDINI SHARMA
 
Digital Marketing Company
Payal9675
 
Web engineering notes unit 3
inshu1890
 
UNIT-2.pdff na hdjsjqkiadndkwjsmdmakxkddnsn
ashisq51
 
An Introduction to HTML
crea8ivemoiz
 
Web Technology Part 3
Thapar Institute
 
Static and Dynamic webpage
Aishwarya Pallai
 
Web Development Training Report.docx
CuriosityKlinic
 
Web Design Basics and HTML
Rajesh Sanabada
 
Web development using HTML and CSS
SiddhantSingh980217
 
WELCOME (recovernjkgnjvnvnfjkvnjknnbfjked).pptx
HarshwardhanPatil52
 
Internship review
PAWAN KUMAR
 
Html Concept
Jaya Kumari
 
025444215.pptx
RiyaJenner1
 
Dynamic html (#1)
Haider Habeeb
 
Unit 2 dhtml
Sarthak Varshney
 
ppt.ppt
Sana903754
 
Key Features and Benefits of Using DHTML
subhashenia
 
Ad

Recently uploaded (20)

PDF
20ES1152 Programming for Problem Solving Lab Manual VRSEC.pdf
Ashutosh Satapathy
 
PPTX
How Industrial Project Management Differs From Construction.pptx
jamespit799
 
PDF
methodology-driven-mbse-murphy-july-hsv-huntsville6680038572db67488e78ff00003...
henriqueltorres1
 
PDF
Electrical Engineer operation Supervisor
ssaruntatapower143
 
PDF
MODULE-5 notes [BCG402-CG&V] PART-B.pdf
Alvas Institute of Engineering and technology, Moodabidri
 
PPTX
Distribution reservoir and service storage pptx
dhanashree78
 
PPTX
Final Major project a b c d e f g h i j k l m
bharathpsnab
 
PPTX
DATA BASE MANAGEMENT AND RELATIONAL DATA
gomathisankariv2
 
PDF
Reasons for the succes of MENARD PRESSUREMETER.pdf
majdiamz
 
PDF
mbse_An_Introduction_to_Arcadia_20150115.pdf
henriqueltorres1
 
PPTX
GitOps_Without_K8s_Training_detailed git repository
DanialHabibi2
 
PDF
WD2(I)-RFQ-GW-1415_ Shifting and Filling of Sand in the Pond at the WD5 Area_...
ShahadathHossain23
 
PPTX
澳洲电子毕业证澳大利亚圣母大学水印成绩单UNDA学生证网上可查学历
Taqyea
 
PDF
REINFORCEMENT LEARNING IN DECISION MAKING SEMINAR REPORT
anushaashraf20
 
PDF
Basic_Concepts_in_Clinical_Biochemistry_2018كيمياء_عملي.pdf
AdelLoin
 
PDF
Design Thinking basics for Engineers.pdf
CMR University
 
PDF
3rd International Conference on Machine Learning and IoT (MLIoT 2025)
ClaraZara1
 
PPT
Testing and final inspection of a solar PV system
MuhammadSanni2
 
PDF
Data structures notes for unit 2 in computer science.pdf
sshubhamsingh265
 
PPTX
Knowledge Representation : Semantic Networks
Amity University, Patna
 
20ES1152 Programming for Problem Solving Lab Manual VRSEC.pdf
Ashutosh Satapathy
 
How Industrial Project Management Differs From Construction.pptx
jamespit799
 
methodology-driven-mbse-murphy-july-hsv-huntsville6680038572db67488e78ff00003...
henriqueltorres1
 
Electrical Engineer operation Supervisor
ssaruntatapower143
 
MODULE-5 notes [BCG402-CG&V] PART-B.pdf
Alvas Institute of Engineering and technology, Moodabidri
 
Distribution reservoir and service storage pptx
dhanashree78
 
Final Major project a b c d e f g h i j k l m
bharathpsnab
 
DATA BASE MANAGEMENT AND RELATIONAL DATA
gomathisankariv2
 
Reasons for the succes of MENARD PRESSUREMETER.pdf
majdiamz
 
mbse_An_Introduction_to_Arcadia_20150115.pdf
henriqueltorres1
 
GitOps_Without_K8s_Training_detailed git repository
DanialHabibi2
 
WD2(I)-RFQ-GW-1415_ Shifting and Filling of Sand in the Pond at the WD5 Area_...
ShahadathHossain23
 
澳洲电子毕业证澳大利亚圣母大学水印成绩单UNDA学生证网上可查学历
Taqyea
 
REINFORCEMENT LEARNING IN DECISION MAKING SEMINAR REPORT
anushaashraf20
 
Basic_Concepts_in_Clinical_Biochemistry_2018كيمياء_عملي.pdf
AdelLoin
 
Design Thinking basics for Engineers.pdf
CMR University
 
3rd International Conference on Machine Learning and IoT (MLIoT 2025)
ClaraZara1
 
Testing and final inspection of a solar PV system
MuhammadSanni2
 
Data structures notes for unit 2 in computer science.pdf
sshubhamsingh265
 
Knowledge Representation : Semantic Networks
Amity University, Patna
 

Dynamic HTML (DHTML)

  • 1. DYNAMIC HTML PRESENTED BY:- Ayush Sharma - 10 Himanshu Kumar - 16 Piyush Singh - 28 Pranabananda Jana - 29 Somnath Jha - 45 1
  • 2. CONTENTS  DHTML  Features Of DHTML  Advantage Of DHTML  HTML – Brief Description  CSS - Brief Description  Scripting Example  Dom  HTML DOM Tree  Advantage Of DOM 2
  • 3. DHTML- BRIEF DESCRIPTION  DHTML stands for Dynamic HTML.  "Dynamic" is defined as the ability of the browser to alter a web page's look and style after the document has loaded.  It just uses languages features to build dynamic web pages. 3Content
  • 4.  All these three components are linked via Document Object Model (DOM).  Document Object Model is to provide a standard programming interface.  DHTML is NOT a scripting language  It uses different technologies. DHTML… 4Content
  • 5.  Simplest feature is making the page dynamic.  Can be used to create animations, games, applications.  Dynamic building of web pages is simple as no plug-in is required.  Facilitates the usage of events, methods and properties and code reuse.  It makes the Web experience faster and more interactive for end users. FEATURES OF DHTML 5 Content
  • 7. ADVANTAGE OF DHTML  DHTML can make your browser dynamic and interactive.  Validation of input’s given by the user can be done at the client side, without connection to the server.  Content and design can be separated using Style sheets & uniformity of the site can be maintained using them. 7Content
  • 8. HTML – BRIEF DESCRIPTION  HTML Stands for Hyper Text Markup Language.  An HTML file is a Text file containing small markup tags.  An HTML file can be created by using a simple Text Editor like Notepad. 8Content
  • 9. HTML Partitions and Organizes the content 9 Content
  • 10. HTML EXAMPLE <HTML> <HEAD> <TITLE>Sample</TITLE> </HEAD> <BODY> <P><h1><b>This is a sample paragraph</b></h1></P> </BODY> </HTML> 10View Page Content
  • 11. CSS [ CASCADING STYLE SHEETS ] element Padding Border Margin CSS: Box Model 11 Content
  • 12. CSS- BRIEF DESCRIPTION  Cascading Style Sheet  Defining the style and layout model for HTML documents.  There are two types implementation i) Internal ii) External 12 Content
  • 13. CSS EXAMPLE <STYLE TYPE="text/css"> BODY { background-color: #CCCCCC; } P { border: 1px solid black; background-color: #FFFFFF; margin-bottom: 1px; } </STYLE> 13View Page Content
  • 14. SCRIPTING (JAVA SCRIPT , VB SCRIPT)  Allows you to add conditional, client-side logic and behavior to your document.  Fully object-oriented, DOM interaction and more. 14Content
  • 15. JAVASCRIPT EXAMPLE <script type="text/javascript"> function display_message() { document.write("n This is a message"); var x=4; document.write("n Integer value of x"+x); var x="It is a String"; document.write("n String value of x"+x); }; </script> 15ContentView Page
  • 16. DOM INTRODUCTION  DOM stands for Data Object Model.  The DOM is a W3C (World Wide Web Consortium) standard.  "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document." 16Content
  • 18. ADVANTAGE OF DOM  The Document Object Model is a platform- and language-neutral interface.  Defines a hierarchical model of the document structure through which all document elements may be accessed.  Relatively simple to modify data structure and extract data. 18Content