2. Contents
Introduction to HTML.
Why HTML5?
HTML 5 an overview
HTML5 features
Difference between HTML4 and HTML5
Future scope
Conclusion
-Bally Chohan
2
3. HTML : An Outline
Stands for Hyper Text Markup Language.
Not a programming language, it is a markup language.
A markup language is a set of markup tags.
Markup tags are used to describe web pages.
3
-Bally Chohan
4. TAGS
Keywords surrounded by angle brackets < > like <html>
They come in pairs like <b> and </b>
Common tags are :-
<html>
<head>
<div>
<body>
• <a>
• <p>
• <h1>
4
-Bally Chohan
6. Document Object Model
Cross platform, language independent model
Represents and interacts with objects in HTML
documents
6
-Bally Chohan
7. Why HTML5 ?
HTML4 hasn’t been updated for about 10 years.
XHTML was introduced but it made things stricter and not
easier.
Embedding audio/video was dependent on flash etc.
New websites have to be interactive.
7
8. HTML4 - drawbacks
It does not adequately support web applications.
Complex structuring of web pages.
Complex DTDs
Need plug-ins to embed audio and video.
Does not support drag and drop features, editing, drawing,
error handling etc
8
9. An Overview
• HTML5 (referred to as Web Applications 1.0) is an
improvement of HTML4.0 and XHTML1.0
• Work started in 2003 by W3C and WHATWG
• Released a draft version in 2008.
• A change from document markup language to a web
application language.
• An attempt to enhance the functionality and flexibility of
the web. 9
10. …contd.
• Provides interoperability.
• Backward compatible
• New features like form control, APIs, multimedia, structure
semantics , local storage etc.
• Consistent and defined error handling
• Internal data storage.
10
-Bally Chohan
11. 11
HTML5 FEATURES
New elements
Structural elements
Multi-media elements
Inline elements
New input types
New attributes
Local Storage
New APIs
-Bally Chohan
14. 14
HTML5 vs. HTML4
Support of multimedia
Language for web applications rather than document
markup language
Localized data speeding up caching .searching etc
<canvas> tag for 2D graphics
APIs for in-browser application allowing editing, drag and
drop etc
-Bally Chohan
15. 15
Future Scope
Can get rid of proprietary add-ons (like
Flash/Silverlight/JAVAFX)
Web apps faster with better user experience
Difference between desktop and web apps blurred.
Standard for web applications
-Bally Chohan
As many conceive it, its not a programming language. It’s a markup language. *Slidecontecnt* I’m coming to tags. Its on the next slide.
Common tags you’ll find in an html source code are And <p>,<h1> etc<head> includes the external files which u may include in ur html doc such as a css or a javascript file<div> divides the page into sections upon ur need<body> defines the main body of ur division, it consists of several sub tags such as <a> <p> etc etcI think that’s all the basics you need to know to understand further.
The most reason version html4, has been on for over a decade now. And, it hasn't really seen a major update. Sure there's XHTML, but that did little more than make things slightly stricter - making you write better quality code if you were at all concerned with compliance. The main area that was not been addressed yet was web application. To give authors more flexibility and enable more interactive websites, html5 was introduced.Critics say that html5 could actually kill flash and silverlight.