SlideShare a Scribd company logo
1 of 8
HTML5
Melissa Soto
ISM3013

S
Agenda

S What is HTML
S HTML History
S The “Creator”
S The Need
S New Features
What is HTML

S HyperText Markup Language (HTML)
S Language used to create documents on the

World Wide Web


Web page structure and layout
 How a page looks
 Special functions
S Uses tags that have attributes
(Bellis, 2013)
HTML History

S Vannevar Bush first proposed hypertext

basics in 1945
S Foundation laid for HTML invention in

1990
S Tim Berners-Lee's Browser Editor as

developed in 1991-92
S HTML first version formally published

June 1993
(Bellis, 2013)
The “Creator”

S Tim Berners-Lee
S Born in 1955
S Oxford University Physics graduate in

1976
S Current Director of the World Wide Web

Consortium
“Anyone who has lost track of time when using a computer knows the
propensity to dream, the urge to make dreams come true and the tendency
to miss lunch.” (Bellis, 2013).
The Need

S Many updates thru the years
S No video integration required

plug-ins
S Plug-in’s worked but at a cost
S Inconvenient
S Vulnerable to viruses
New Features
S Additional new features:
S Video
S Audio
S Drag & Drop
S Editable Web Page Content
S Storage within the browser
S And many more

S Web-ready devices
Create a standard consistent web experience across all platforms and browsers.
References

S

Kleyman, Bill. (2013). Using Cloud and Virtualization to Deliver Next-Generation
Workloads. Retrieved November 30, 2013 from
https://www.datacenterknowledge.com/archives/2013/11/27/using-cloudvirtualization-deliver-next-generation-workloads/

S

Bellis, Mary. (2013). Retrieved November 28, 2013 from
http://inventors.about.com/od/bstartinventors/p/TimBernersLee.htm

S

Bellis, Mary. (2013). Retrieved November 28, 2013 from
http://inventors.about.com/od/computersoftware/a/html.htm

More Related Content

Viewers also liked

Tim mc graw powerpoint
Tim mc graw powerpointTim mc graw powerpoint
Tim mc graw powerpointsomejonesguy
 
Tim mc graw powerpoint
Tim mc graw powerpointTim mc graw powerpoint
Tim mc graw powerpointsomejonesguy
 
Letter writing, Business, Personal letter Writing format
Letter writing, Business, Personal letter Writing formatLetter writing, Business, Personal letter Writing format
Letter writing, Business, Personal letter Writing formatHafiz Nauman
 
Advice for Google Mobile Friendly Algorithm Change on April 21st
Advice for Google Mobile Friendly Algorithm Change on April 21stAdvice for Google Mobile Friendly Algorithm Change on April 21st
Advice for Google Mobile Friendly Algorithm Change on April 21stPooja Sharma
 
Trabajo colaborativo grupo_401596_44
Trabajo colaborativo grupo_401596_44Trabajo colaborativo grupo_401596_44
Trabajo colaborativo grupo_401596_44Lucero2362
 
Hotchica 3.5 Done Son
Hotchica 3.5 Done SonHotchica 3.5 Done Son
Hotchica 3.5 Done SonMisaelM12
 

Viewers also liked (13)

States of matter
States of matterStates of matter
States of matter
 
Tim mc graw powerpoint
Tim mc graw powerpointTim mc graw powerpoint
Tim mc graw powerpoint
 
Tim mc graw powerpoint
Tim mc graw powerpointTim mc graw powerpoint
Tim mc graw powerpoint
 
Cpfr presentation.
Cpfr presentation.Cpfr presentation.
Cpfr presentation.
 
Ci 350 tumblr ci 350
Ci 350   tumblr ci 350Ci 350   tumblr ci 350
Ci 350 tumblr ci 350
 
Letter writing, Business, Personal letter Writing format
Letter writing, Business, Personal letter Writing formatLetter writing, Business, Personal letter Writing format
Letter writing, Business, Personal letter Writing format
 
Advice for Google Mobile Friendly Algorithm Change on April 21st
Advice for Google Mobile Friendly Algorithm Change on April 21stAdvice for Google Mobile Friendly Algorithm Change on April 21st
Advice for Google Mobile Friendly Algorithm Change on April 21st
 
VIPIN
VIPINVIPIN
VIPIN
 
Luigi Bosca presentatie
Luigi Bosca presentatieLuigi Bosca presentatie
Luigi Bosca presentatie
 
About cyberagent
About cyberagentAbout cyberagent
About cyberagent
 
Intraclase 3
Intraclase 3Intraclase 3
Intraclase 3
 
Trabajo colaborativo grupo_401596_44
Trabajo colaborativo grupo_401596_44Trabajo colaborativo grupo_401596_44
Trabajo colaborativo grupo_401596_44
 
Hotchica 3.5 Done Son
Hotchica 3.5 Done SonHotchica 3.5 Done Son
Hotchica 3.5 Done Son
 

Similar to Html5

Web Directions 2007 Wrap-up
Web Directions 2007 Wrap-upWeb Directions 2007 Wrap-up
Web Directions 2007 Wrap-ups_u_z_e
 
The Evolution of Web Designing From Past to Future Trends.pptx
The Evolution of Web Designing From Past to Future Trends.pptxThe Evolution of Web Designing From Past to Future Trends.pptx
The Evolution of Web Designing From Past to Future Trends.pptxrainj2
 
Michael(tm) Smith WND09 Presentation
Michael(tm) Smith WND09 PresentationMichael(tm) Smith WND09 Presentation
Michael(tm) Smith WND09 PresentationMichael(tm) Smith
 
HTML5 cheat sheet
HTML5 cheat sheetHTML5 cheat sheet
HTML5 cheat sheetTan Le
 
The knowledge management
The knowledge managementThe knowledge management
The knowledge managementperuperski
 
CoverStory_Evolution_of_Internet_sept14
CoverStory_Evolution_of_Internet_sept14CoverStory_Evolution_of_Internet_sept14
CoverStory_Evolution_of_Internet_sept14Hardik Gohel
 
The Evolving Architecture
The Evolving ArchitectureThe Evolving Architecture
The Evolving ArchitectureWilliam Grosso
 
Learning via the Social Web
Learning via the Social WebLearning via the Social Web
Learning via the Social WebJohn Breslin
 
Eurodidaweb march 15-19 2010 day 3 - europaclub
Eurodidaweb   march 15-19 2010 day 3 - europaclubEurodidaweb   march 15-19 2010 day 3 - europaclub
Eurodidaweb march 15-19 2010 day 3 - europaclubStefano Lariccia
 
Eurodidaweb march 15-19 2010 day 3 - europaclub
Eurodidaweb   march 15-19 2010 day 3 - europaclubEurodidaweb   march 15-19 2010 day 3 - europaclub
Eurodidaweb march 15-19 2010 day 3 - europaclubStefano Lariccia
 
Eurodidaweb may 10-15 2010 day 3 - europaclub
Eurodidaweb   may 10-15 2010 day 3 - europaclubEurodidaweb   may 10-15 2010 day 3 - europaclub
Eurodidaweb may 10-15 2010 day 3 - europaclubStefano Lariccia
 
History of websites
History of websitesHistory of websites
History of websitesleahwilshh2
 

Similar to Html5 (19)

Web Directions 2007 Wrap-up
Web Directions 2007 Wrap-upWeb Directions 2007 Wrap-up
Web Directions 2007 Wrap-up
 
Web design
Web designWeb design
Web design
 
The Evolution of Web Designing From Past to Future Trends.pptx
The Evolution of Web Designing From Past to Future Trends.pptxThe Evolution of Web Designing From Past to Future Trends.pptx
The Evolution of Web Designing From Past to Future Trends.pptx
 
Internet Mashups
Internet MashupsInternet Mashups
Internet Mashups
 
Michael(tm) Smith WND09 Presentation
Michael(tm) Smith WND09 PresentationMichael(tm) Smith WND09 Presentation
Michael(tm) Smith WND09 Presentation
 
The Evolution of HTML Markup Language - Lets Webify
The Evolution of HTML Markup Language - Lets WebifyThe Evolution of HTML Markup Language - Lets Webify
The Evolution of HTML Markup Language - Lets Webify
 
HTML5 cheat sheet
HTML5 cheat sheetHTML5 cheat sheet
HTML5 cheat sheet
 
The knowledge management
The knowledge managementThe knowledge management
The knowledge management
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web Development
Web DevelopmentWeb Development
Web Development
 
CoverStory_Evolution_of_Internet_sept14
CoverStory_Evolution_of_Internet_sept14CoverStory_Evolution_of_Internet_sept14
CoverStory_Evolution_of_Internet_sept14
 
The History of Communication: Now and Then
The History of Communication: Now and ThenThe History of Communication: Now and Then
The History of Communication: Now and Then
 
The Evolving Architecture
The Evolving ArchitectureThe Evolving Architecture
The Evolving Architecture
 
Learning via the Social Web
Learning via the Social WebLearning via the Social Web
Learning via the Social Web
 
Eurodidaweb march 15-19 2010 day 3 - europaclub
Eurodidaweb   march 15-19 2010 day 3 - europaclubEurodidaweb   march 15-19 2010 day 3 - europaclub
Eurodidaweb march 15-19 2010 day 3 - europaclub
 
Eurodidaweb march 15-19 2010 day 3 - europaclub
Eurodidaweb   march 15-19 2010 day 3 - europaclubEurodidaweb   march 15-19 2010 day 3 - europaclub
Eurodidaweb march 15-19 2010 day 3 - europaclub
 
Eurodidaweb may 10-15 2010 day 3 - europaclub
Eurodidaweb   may 10-15 2010 day 3 - europaclubEurodidaweb   may 10-15 2010 day 3 - europaclub
Eurodidaweb may 10-15 2010 day 3 - europaclub
 
History of websites
History of websitesHistory of websites
History of websites
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

Recently uploaded

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
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
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
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
 
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
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
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
 
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
 

Recently uploaded (20)

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
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
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
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
 
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
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
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
 
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
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 

Html5

  • 2. Agenda S What is HTML S HTML History S The “Creator” S The Need S New Features
  • 3. What is HTML S HyperText Markup Language (HTML) S Language used to create documents on the World Wide Web  Web page structure and layout  How a page looks  Special functions S Uses tags that have attributes (Bellis, 2013)
  • 4. HTML History S Vannevar Bush first proposed hypertext basics in 1945 S Foundation laid for HTML invention in 1990 S Tim Berners-Lee's Browser Editor as developed in 1991-92 S HTML first version formally published June 1993 (Bellis, 2013)
  • 5. The “Creator” S Tim Berners-Lee S Born in 1955 S Oxford University Physics graduate in 1976 S Current Director of the World Wide Web Consortium “Anyone who has lost track of time when using a computer knows the propensity to dream, the urge to make dreams come true and the tendency to miss lunch.” (Bellis, 2013).
  • 6. The Need S Many updates thru the years S No video integration required plug-ins S Plug-in’s worked but at a cost S Inconvenient S Vulnerable to viruses
  • 7. New Features S Additional new features: S Video S Audio S Drag & Drop S Editable Web Page Content S Storage within the browser S And many more S Web-ready devices Create a standard consistent web experience across all platforms and browsers.
  • 8. References S Kleyman, Bill. (2013). Using Cloud and Virtualization to Deliver Next-Generation Workloads. Retrieved November 30, 2013 from https://www.datacenterknowledge.com/archives/2013/11/27/using-cloudvirtualization-deliver-next-generation-workloads/ S Bellis, Mary. (2013). Retrieved November 28, 2013 from http://inventors.about.com/od/bstartinventors/p/TimBernersLee.htm S Bellis, Mary. (2013). Retrieved November 28, 2013 from http://inventors.about.com/od/computersoftware/a/html.htm

Editor's Notes

  1. Hello, my name is Melissa Soto and I will be providing this presentation on HTML5.
  2. I will briefly discuss what HTML is and provide a little information about its history and creator. In addition, I will touch on the need for HTML5 and some of its new features.
  3. So, what is HTML? Well, computers use language to communicate just like people do. The way people communicate with the internet is through a language called HyperText Markup Language or HTML.HyperText is the process of linking objects together so that when one object is clicked, the linked object can automatically be displayed.HTML is used to define the structure and layout of a Web page, how a page looks and any special functions. This is done by using tags that have attributes. As the viewer of a web page you don't see the HTML, it is hidden from your view.(Bellis, 2013).
  4. How did it all start? Well, after Vannevar Bush first proposed the basics of hypertext in 1945, it laid the foundation for Tim Berners-Lee and others to invent things like the World Wide Web and HTML in 1990.His ‘Browser Editor’ was developed in 1991-92. This was a true ‘browser editor’ for the first version of HTML and ran on a NeXt workstation.TheFirst Version of HTML was formally published on June 1993.(Bellis, 2013).
  5. A little insight on the “Creator” of HTML, Tim Berners-Lee. He was born in 1955 in London, England. Both of his parents were mathematicians. He loved electronics from an early age and graduated from Oxford University in 1976 as a Physics major. At Oxford he built his first computer using: a soldering iron, TTL gates, an M6800 processor and an old television.He is currently the Director of the World Wide Web Consortium, the group that sets technical standards for the Web.I can always relate to his quote: “Anyone who has lost track of time when using a computer knows the propensity to dream, the urge to make dreams come true and the tendency to miss lunch.”(Bellis, 2013).
  6. Why the need for HTML5? HTML has gone through many updates since the first version release. However, one known barrier with HTML has been with video. When video came along there was no immediateway to integrate it into HMTL naturally so companies had to created their own software to work around it, known as ‘plug-ins’ such as: QuickTime, RealPlayer, Windows Media Player and Flash. These worked but because they were external plug-ins, they were inconvenient and could make computers vulnerable to virus.
  7. What new features can we expect with HTML5? First, HTML5 is building capabilities to deal with the video issue by including video right into the code so that hopefully plug-ins will not be necessary. In addition to video, there are numerous additional new features. I have listed a few below. vector graphics & animation,Drag and drop, Editable web page contentStorage within the browserNew technologies around HTML5 are breaking the barriers in how applications (regardless of the app’s DNA) can be delivered to web-ready devices. The plan is to hopefully create a standard consistent web experience across all platforms and browsers and HTML5 definitely seems to be progressing in the right direction.(Kleyman, Bill.2013).
  8. Thank you.