SlideShare a Scribd company logo
1 of 25
Download to read offline
HTML 5
DeepuRaghavan
deepuakshara@gmail.com
www.facebook.com/deepuraghavan
+91 9633305491
CONTENTS
• Introduction
• What’s New
• Removed
• Comparison
• An Example
INTRODUCTION
• HTML is the building block for web pages .
• HTML is a format that tells a computer how
to display a web page.
• The docs themselves are plain text files with
special "tags" or codes that a web browser
uses to interpret and display information on
your computer screen.
• HTML stands for Hyper Text Markup
Language.
• An HTML file is a text file containing small
markup tags.
• The markup tags tell the Web browser how to
display the page.
• An HTML file must have an htm or html file
extension (.htm or .html).
• HTML5 is the latest and most enhanced
version of HTML.
• HTML5 is markup language for structuring
and presenting content for the World Wide
Web, and is a core technology of the
Internet originally proposed by Opera
Software .
• It is the fifth revision of the HTML standard.
• Its core aims have been to improve the
language with support for the latest
multimedia while keeping it easily readable
by humans and consistently understood by
computers and devices (web browsers).
• HTML5 Reduce the need for external
plugins (like Flash).
New Semantic/Structural Elements
New Media Elements
Very Useful tags
<canvas>
Used to draw graphics, on the fly, via scripting
(usually JavaScript).
<svg>
Scalable vector graphics.
<svg>
<canvas>
The following HTML elements are removed
• <basefont> - instead of this use css style
• <big> - instead of this use css style
• <dir> - instead of this use <ul>
• <font> - instead of this use css styles
• <strike> - instead of this use <del>,<s>
• <tt> - instead of this use css styles
• <center> - instead of this use css styles
• <acronym> - instead of this use <abbr>
• <frame>, <frameset>, <noframes>,
HTML 4
• Audio and Video are not part of
HTML4 specification
• Does not allow JavaScript to run in
browser. JS runs in same thread as
browser interface.
• Works with all old browsers
• <Meta http-equiv="content-type"
content="text/html; charset=UTF-8">
• <script> : The "type" attribute is
required in HTML 4
• Vector Graphics is possible with the
help of technologies such as VML,
Silverlight, Flash etc.
HTML 5
• Audio and Videos are integral part of
HTML5 specifications e.g. <audio> and
<video> tags.
• Vector graphics is integral part of
HTML5 e.g. SVG and canvas.
• Allows JavaScript to run in background.
This is possible due to JS Web worker
API in HTML5.
• Most of modern browser have started
supporting HTML5 specification. e.g.
Firefox, Opera, Chrome, Safari etc.
• <table>: Only the "border" attribute is
supported in HTML5
• <meta charset="UTF-8”>
<video>
<html>
<head><title>Go4Expert Video Example</title></head>
<body>
<h3>
Here An example to show video
</h3>
<video width="320" height="240" controls="controls">
<source src="E:hd videoeng1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
<audio>
<html>
<body>
<h3>Here An example to show audio</h3>
<audio controls>
<source src="123.mp3">
Your browser does not support the video element.
</audio>
</body>
</html>
Thank you…!

More Related Content

What's hot

11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WPRashna Maharjan
 
Introduction to FPDF
Introduction to FPDFIntroduction to FPDF
Introduction to FPDFJeremy Curcio
 
Drupal7 Theming session on the occassion of Drupal7 release party in Delhi NCR
Drupal7 Theming session on the occassion of  Drupal7 release party in Delhi NCRDrupal7 Theming session on the occassion of  Drupal7 release party in Delhi NCR
Drupal7 Theming session on the occassion of Drupal7 release party in Delhi NCRGaurav Mishra
 
Documentation Insight技术架构与开发历程
Documentation Insight技术架构与开发历程Documentation Insight技术架构与开发历程
Documentation Insight技术架构与开发历程jeffz
 
Know about HTML 5
Know about HTML 5Know about HTML 5
Know about HTML 5Technosiss
 
Steph's Html5 and css presentation
Steph's Html5 and css presentationSteph's Html5 and css presentation
Steph's Html5 and css presentationstephy123123
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHPHamdi Hmidi
 
ePUB in brief
ePUB in briefePUB in brief
ePUB in briefSean Lee
 
Week 4 css recap and js
Week 4   css recap and jsWeek 4   css recap and js
Week 4 css recap and jsbrianjihoonlee
 
Web programming and services
Web programming and servicesWeb programming and services
Web programming and serviceslaibamaqsood
 
Web development using HTML and CSS
Web development using HTML and CSSWeb development using HTML and CSS
Web development using HTML and CSSSiddhantSingh980217
 

What's hot (18)

Php tutorial
Php tutorialPhp tutorial
Php tutorial
 
11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP
 
Introduction to FPDF
Introduction to FPDFIntroduction to FPDF
Introduction to FPDF
 
Drupal7 Theming session on the occassion of Drupal7 release party in Delhi NCR
Drupal7 Theming session on the occassion of  Drupal7 release party in Delhi NCRDrupal7 Theming session on the occassion of  Drupal7 release party in Delhi NCR
Drupal7 Theming session on the occassion of Drupal7 release party in Delhi NCR
 
html & css
html & css html & css
html & css
 
Dhtml ppt (2)
Dhtml ppt (2)Dhtml ppt (2)
Dhtml ppt (2)
 
Dom Structure in html
Dom Structure in htmlDom Structure in html
Dom Structure in html
 
Documentation Insight技术架构与开发历程
Documentation Insight技术架构与开发历程Documentation Insight技术架构与开发历程
Documentation Insight技术架构与开发历程
 
Know about HTML 5
Know about HTML 5Know about HTML 5
Know about HTML 5
 
Steph's Html5 and css presentation
Steph's Html5 and css presentationSteph's Html5 and css presentation
Steph's Html5 and css presentation
 
Dhtml
DhtmlDhtml
Dhtml
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
 
Html n CSS
Html n CSSHtml n CSS
Html n CSS
 
ePUB in brief
ePUB in briefePUB in brief
ePUB in brief
 
Week 4 css recap and js
Week 4   css recap and jsWeek 4   css recap and js
Week 4 css recap and js
 
Web programming and services
Web programming and servicesWeb programming and services
Web programming and services
 
Web development using HTML and CSS
Web development using HTML and CSSWeb development using HTML and CSS
Web development using HTML and CSS
 
slidesharenew1
slidesharenew1slidesharenew1
slidesharenew1
 

Similar to Html5

Html5 shubelal
Html5 shubelalHtml5 shubelal
Html5 shubelalShub
 
What are new added in HTML5?
What are new added in HTML5?What are new added in HTML5?
What are new added in HTML5?Chetu
 
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 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Joseph Lewis
 
Chapter 2 introduction to html5
Chapter 2 introduction to html5Chapter 2 introduction to html5
Chapter 2 introduction to html5nobel mujuji
 
Web Development From the Ground Up, a Series for Novice ...
Web Development From the Ground Up, a Series for Novice ...Web Development From the Ground Up, a Series for Novice ...
Web Development From the Ground Up, a Series for Novice ...webhostingguy
 
INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5reshmy12
 
introdution-to-html.ppt coding programming
introdution-to-html.ppt coding programmingintrodution-to-html.ppt coding programming
introdution-to-html.ppt coding programmingprogramizconsultancy
 
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagssuser6478a8
 

Similar to Html5 (20)

HTML5
HTML5 HTML5
HTML5
 
Html5 shubelal
Html5 shubelalHtml5 shubelal
Html5 shubelal
 
What are new added in HTML5?
What are new added in HTML5?What are new added in HTML5?
What are new added in 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 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Html,CSS & UI/UX design
Html,CSS & UI/UX designHtml,CSS & UI/UX design
Html,CSS & UI/UX design
 
HTML 5
HTML 5HTML 5
HTML 5
 
Chapter 2 introduction to html5
Chapter 2 introduction to html5Chapter 2 introduction to html5
Chapter 2 introduction to html5
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
Html 5
Html 5Html 5
Html 5
 
Web Development From the Ground Up, a Series for Novice ...
Web Development From the Ground Up, a Series for Novice ...Web Development From the Ground Up, a Series for Novice ...
Web Development From the Ground Up, a Series for Novice ...
 
INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5
 
introdution-to-html.ppt coding programming
introdution-to-html.ppt coding programmingintrodution-to-html.ppt coding programming
introdution-to-html.ppt coding programming
 
Html5
Html5Html5
Html5
 
HTML5
HTML5HTML5
HTML5
 
Html and Xhtml
Html and XhtmlHtml and Xhtml
Html and Xhtml
 
HTML & CSS.ppt
HTML & CSS.pptHTML & CSS.ppt
HTML & CSS.ppt
 
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tag
 

Recently uploaded

POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 

Recently uploaded (20)

POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 

Html5

  • 1.
  • 3. CONTENTS • Introduction • What’s New • Removed • Comparison • An Example
  • 4. INTRODUCTION • HTML is the building block for web pages . • HTML is a format that tells a computer how to display a web page. • The docs themselves are plain text files with special "tags" or codes that a web browser uses to interpret and display information on your computer screen.
  • 5. • HTML stands for Hyper Text Markup Language. • An HTML file is a text file containing small markup tags. • The markup tags tell the Web browser how to display the page. • An HTML file must have an htm or html file extension (.htm or .html).
  • 6.
  • 7. • HTML5 is the latest and most enhanced version of HTML. • HTML5 is markup language for structuring and presenting content for the World Wide Web, and is a core technology of the Internet originally proposed by Opera Software . • It is the fifth revision of the HTML standard.
  • 8. • Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers). • HTML5 Reduce the need for external plugins (like Flash).
  • 9.
  • 12. Very Useful tags <canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript). <svg> Scalable vector graphics.
  • 14.
  • 15. The following HTML elements are removed • <basefont> - instead of this use css style • <big> - instead of this use css style • <dir> - instead of this use <ul> • <font> - instead of this use css styles • <strike> - instead of this use <del>,<s> • <tt> - instead of this use css styles • <center> - instead of this use css styles • <acronym> - instead of this use <abbr> • <frame>, <frameset>, <noframes>,
  • 16.
  • 17. HTML 4 • Audio and Video are not part of HTML4 specification • Does not allow JavaScript to run in browser. JS runs in same thread as browser interface. • Works with all old browsers • <Meta http-equiv="content-type" content="text/html; charset=UTF-8"> • <script> : The "type" attribute is required in HTML 4 • Vector Graphics is possible with the help of technologies such as VML, Silverlight, Flash etc.
  • 18. HTML 5 • Audio and Videos are integral part of HTML5 specifications e.g. <audio> and <video> tags. • Vector graphics is integral part of HTML5 e.g. SVG and canvas. • Allows JavaScript to run in background. This is possible due to JS Web worker API in HTML5. • Most of modern browser have started supporting HTML5 specification. e.g. Firefox, Opera, Chrome, Safari etc. • <table>: Only the "border" attribute is supported in HTML5 • <meta charset="UTF-8”>
  • 19.
  • 20. <video> <html> <head><title>Go4Expert Video Example</title></head> <body> <h3> Here An example to show video </h3> <video width="320" height="240" controls="controls"> <source src="E:hd videoeng1.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </body> </html>
  • 21.
  • 22. <audio> <html> <body> <h3>Here An example to show audio</h3> <audio controls> <source src="123.mp3"> Your browser does not support the video element. </audio> </body> </html>
  • 23.
  • 24.