SlideShare a Scribd company logo
1 of 12
NAME:-PRIYANK R PATEL
CLASS:-TY CE -2
BATCH:-A
SUBJECT:-WEB TECHNOLOGY
OVERVIEW AND FEATURES
OF HTML5,DHTML
CONTENTS
 Overview of HTML5
 Features of HTML5
 Difference between HTML and HTML5
 Overview and Features of DHTML
 Difference between HTML5 and DHTML
OVERVIEW OF HTML5
What is HTML5:-
 The HTML 5.0 is the fifth revision of HTML standard of world
wide Consortium (W3C) which is finalized in October 2014
 The earlier version was HTML 4.0 which released in 1997
 The objective of this markup language version was
i) to provide support for latest multimedia and
ii) to make the script readable and consistently understood by
the developer.
 The objective of this markup language version was
i) to provide support for latest multimedia and
ii) to make the script readable and consistently
understood by the developer.
 The HTML5 adds many new syntactic features. IT
includes the elements such as <video>,<audio> and
<canvas> elements. It also has integration of scalable
vector graphics(SVG) contents and MathML for
mathematical Formula.
FEASTURES OF HTML 5.0
 The XHTML doctype is just impossible to memorize
(!DOCTYPE html PUBLIC”…). Hence a new HTML doctype is
<!DOCTYPE html>
 There are new graphics elements such as <svg> in HTML5.0
 The support for multimedia elements such as <audio> and
<video>
 It has support for <header>, <footer>, <article>,and <section>
 It has support for new form controls such as number, date
,time, calendar, and range.
 It has a rich set of Application Programming Interface(API)
for geolocations , HTML Drag and Drop, Local Storage,
Application cache and so on.
DIFFERENCE BETWEEN HTML AND
HTML5
HTML HTML5
 The DOCTYPE declaration
is much longer such as
<!DOCTYPE html PUBLIC ”-
//W3C//DTD XHTML 1.0
Transitional//EN”
“http://www.w3.org/TR/xhtml1
//DTD/xhtml11.dtd ”>
 <audio>and <video. Tags are
not supported.
 The DOCTYPE declaration
is simple
<!DOCTYPE html>
 <audio> and <video> tags
are supported for playing
audio and video files.
HTML HTML5
 Finding out geographic
location is impossible using
HTML
 It supports the tag such as
<applet>, <big>,
<center>,<font>,<frame>,<s
trike>.
 IT needs external plugins
such as flash
 The HTML5 supports the
API for identifying the
geographic location .
 The tags that are removed
from HTM5 are
<applet,<big>, <center>,
<font>, <frame, <strike> .
 The need of external plugin
is reduce.
OVERVIEW AND FEATURES OF DHTML
 Under the conventional method of web page development it is
hard to change the web page elements. That means the text
and graphics cannot be changed easily. If we want to change
these elements then we have to change the entire web page
itself. This shows the static nature of the web pages.
 This static style of web development is only for the passive
users.
 Normally any user wants to get the experience of web
browsing by changing some elements on the web page. This
effect on the web page is known as dynamic effect.
 Basically with DHTML a web developer ca control how to
display and position HTML elements in a browser window.
 The DHTML stands for Dynamic HTML.
 The HTML consists of simple HTML tags, on the other hand
DHTML is made up of XHTML tags + Cascading Style
Sheets(css) + JavaScripts.
DIFFERENCE BETWEEN HTML5 AND
DHTML
HTML DHTML
 HTML stands for Hypertext
Markup Language.
HTML is used to create static web
pages.
 HTML sites work slowly upon the
client server technology.
 HTML does not make use of the
technology for making the pages
dynamic.
 HTML does not require any
processing from the browser
 DHTML stands for Dynamic
Hypertext Markup Language.
DHTML is used to create dynamic
web pages
 DHTML sites work fast upon the
client server technology.
 DHTML makes use of CSS events,
methods and so on to make the
page dynamic.
 DHTML requires processing from
the browser.
HTML5 and DHTML

More Related Content

What's hot

JavaScript - Chapter 12 - Document Object Model
  JavaScript - Chapter 12 - Document Object Model  JavaScript - Chapter 12 - Document Object Model
JavaScript - Chapter 12 - Document Object ModelWebStackAcademy
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to htmlvikasgaur31
 
presentation in html,css,javascript
presentation in html,css,javascriptpresentation in html,css,javascript
presentation in html,css,javascriptFaysalAhammed5
 
JavaScript - Chapter 6 - Basic Functions
 JavaScript - Chapter 6 - Basic Functions JavaScript - Chapter 6 - Basic Functions
JavaScript - Chapter 6 - Basic FunctionsWebStackAcademy
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptWalid Ashraf
 
Introduction of Html/css/js
Introduction of Html/css/jsIntroduction of Html/css/js
Introduction of Html/css/jsKnoldus Inc.
 
HTML5 audio & video
HTML5 audio & videoHTML5 audio & video
HTML5 audio & videoHamza Zahid
 
uniform resource locator
uniform resource locatoruniform resource locator
uniform resource locatorrajshreemuthiah
 
Web Page Designing
Web Page DesigningWeb Page Designing
Web Page DesigningAmit Mali
 
Html5 tutorial for beginners
Html5 tutorial for beginnersHtml5 tutorial for beginners
Html5 tutorial for beginnersSingsys Pte Ltd
 
PPT on Basic HTML Tags
PPT on Basic HTML TagsPPT on Basic HTML Tags
PPT on Basic HTML TagsVinitaPaliwal1
 
Html 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally ChohanHtml 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally Chohanballychohanuk
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5Gil Fink
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to htmleShikshak
 

What's hot (20)

Web technology
Web technologyWeb technology
Web technology
 
JavaScript - Chapter 12 - Document Object Model
  JavaScript - Chapter 12 - Document Object Model  JavaScript - Chapter 12 - Document Object Model
JavaScript - Chapter 12 - Document Object Model
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
 
presentation in html,css,javascript
presentation in html,css,javascriptpresentation in html,css,javascript
presentation in html,css,javascript
 
JavaScript - Chapter 6 - Basic Functions
 JavaScript - Chapter 6 - Basic Functions JavaScript - Chapter 6 - Basic Functions
JavaScript - Chapter 6 - Basic Functions
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
 
Introduction of Html/css/js
Introduction of Html/css/jsIntroduction of Html/css/js
Introduction of Html/css/js
 
HTML5 audio & video
HTML5 audio & videoHTML5 audio & video
HTML5 audio & video
 
uniform resource locator
uniform resource locatoruniform resource locator
uniform resource locator
 
2. html attributes
2. html attributes2. html attributes
2. html attributes
 
Web Page Designing
Web Page DesigningWeb Page Designing
Web Page Designing
 
Html5 tutorial for beginners
Html5 tutorial for beginnersHtml5 tutorial for beginners
Html5 tutorial for beginners
 
jQuery
jQueryjQuery
jQuery
 
Java script arrays
Java script arraysJava script arrays
Java script arrays
 
PPT on Basic HTML Tags
PPT on Basic HTML TagsPPT on Basic HTML Tags
PPT on Basic HTML Tags
 
Html 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally ChohanHtml 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally Chohan
 
Javascript
JavascriptJavascript
Javascript
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 

Similar to HTML5 and DHTML

Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5IT Geeks
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5Manav Prasad
 
Introduction to html55
Introduction to html55Introduction to html55
Introduction to html55subrat55
 
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTESSony235240
 
1. Introduction to HTML5.ppt
1. Introduction to HTML5.ppt1. Introduction to HTML5.ppt
1. Introduction to HTML5.pptJyothiAmpally
 
1._Introduction_to_HTML5 powerpoint presentation
1._Introduction_to_HTML5 powerpoint presentation1._Introduction_to_HTML5 powerpoint presentation
1._Introduction_to_HTML5 powerpoint presentationJohnLagman3
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5JayjZens
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete ReferenceEPAM Systems
 
Delhi student's day
Delhi student's dayDelhi student's day
Delhi student's dayAnkur Mishra
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginnersVineeth N Krishnan
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7Hisham Mat Hussin
 

Similar to HTML5 and DHTML (20)

Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5
 
Introduction to html55
Introduction to html55Introduction to html55
Introduction to html55
 
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
 
1. Introduction to HTML5.ppt
1. Introduction to HTML5.ppt1. Introduction to HTML5.ppt
1. Introduction to HTML5.ppt
 
1._Introduction_to_HTML5 powerpoint presentation
1._Introduction_to_HTML5 powerpoint presentation1._Introduction_to_HTML5 powerpoint presentation
1._Introduction_to_HTML5 powerpoint presentation
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
 
HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete Reference
 
Html5
Html5Html5
Html5
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
Html5(2)
Html5(2)Html5(2)
Html5(2)
 
Html5(2)
Html5(2)Html5(2)
Html5(2)
 
Delhi student's day
Delhi student's dayDelhi student's day
Delhi student's day
 
Html5
Html5Html5
Html5
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginners
 
HTML 5
HTML 5HTML 5
HTML 5
 
Html5
Html5Html5
Html5
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7
 

Recently uploaded

Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxDyna Gilbert
 
IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119APNIC
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa494f574xmv
 
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书rnrncn29
 
Unidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxUnidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxmibuzondetrabajo
 
ETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxNIMMANAGANTI RAMAKRISHNA
 
Company Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxCompany Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxMario
 
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书zdzoqco
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书rnrncn29
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predieusebiomeyer
 
TRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxTRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxAndrieCagasanAkio
 

Recently uploaded (11)

Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptx
 
IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa
 
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
 
Unidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxUnidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptx
 
ETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptx
 
Company Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxCompany Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptx
 
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
 
TRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxTRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptx
 

HTML5 and DHTML

  • 1. NAME:-PRIYANK R PATEL CLASS:-TY CE -2 BATCH:-A SUBJECT:-WEB TECHNOLOGY OVERVIEW AND FEATURES OF HTML5,DHTML
  • 2. CONTENTS  Overview of HTML5  Features of HTML5  Difference between HTML and HTML5  Overview and Features of DHTML  Difference between HTML5 and DHTML
  • 3. OVERVIEW OF HTML5 What is HTML5:-  The HTML 5.0 is the fifth revision of HTML standard of world wide Consortium (W3C) which is finalized in October 2014  The earlier version was HTML 4.0 which released in 1997  The objective of this markup language version was i) to provide support for latest multimedia and ii) to make the script readable and consistently understood by the developer.
  • 4.  The objective of this markup language version was i) to provide support for latest multimedia and ii) to make the script readable and consistently understood by the developer.  The HTML5 adds many new syntactic features. IT includes the elements such as <video>,<audio> and <canvas> elements. It also has integration of scalable vector graphics(SVG) contents and MathML for mathematical Formula.
  • 5. FEASTURES OF HTML 5.0  The XHTML doctype is just impossible to memorize (!DOCTYPE html PUBLIC”…). Hence a new HTML doctype is <!DOCTYPE html>  There are new graphics elements such as <svg> in HTML5.0  The support for multimedia elements such as <audio> and <video>  It has support for <header>, <footer>, <article>,and <section>
  • 6.  It has support for new form controls such as number, date ,time, calendar, and range.  It has a rich set of Application Programming Interface(API) for geolocations , HTML Drag and Drop, Local Storage, Application cache and so on.
  • 7. DIFFERENCE BETWEEN HTML AND HTML5 HTML HTML5  The DOCTYPE declaration is much longer such as <!DOCTYPE html PUBLIC ”- //W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1 //DTD/xhtml11.dtd ”>  <audio>and <video. Tags are not supported.  The DOCTYPE declaration is simple <!DOCTYPE html>  <audio> and <video> tags are supported for playing audio and video files.
  • 8. HTML HTML5  Finding out geographic location is impossible using HTML  It supports the tag such as <applet>, <big>, <center>,<font>,<frame>,<s trike>.  IT needs external plugins such as flash  The HTML5 supports the API for identifying the geographic location .  The tags that are removed from HTM5 are <applet,<big>, <center>, <font>, <frame, <strike> .  The need of external plugin is reduce.
  • 9. OVERVIEW AND FEATURES OF DHTML  Under the conventional method of web page development it is hard to change the web page elements. That means the text and graphics cannot be changed easily. If we want to change these elements then we have to change the entire web page itself. This shows the static nature of the web pages.  This static style of web development is only for the passive users.
  • 10.  Normally any user wants to get the experience of web browsing by changing some elements on the web page. This effect on the web page is known as dynamic effect.  Basically with DHTML a web developer ca control how to display and position HTML elements in a browser window.  The DHTML stands for Dynamic HTML.  The HTML consists of simple HTML tags, on the other hand DHTML is made up of XHTML tags + Cascading Style Sheets(css) + JavaScripts.
  • 11. DIFFERENCE BETWEEN HTML5 AND DHTML HTML DHTML  HTML stands for Hypertext Markup Language. HTML is used to create static web pages.  HTML sites work slowly upon the client server technology.  HTML does not make use of the technology for making the pages dynamic.  HTML does not require any processing from the browser  DHTML stands for Dynamic Hypertext Markup Language. DHTML is used to create dynamic web pages  DHTML sites work fast upon the client server technology.  DHTML makes use of CSS events, methods and so on to make the page dynamic.  DHTML requires processing from the browser.