Html ppts

•Download as PPTX, PDF•

0 likes•934 views

Shivani Gautam

Report

Technology Art & Photos

PRESENTATION
ON

PRESENTED BY :

HARPREET SINGH
SHIVANI GAUTAM
SHWETA
ASTHA DHAWAN

Introduction

 What is HTML?
 Hyper Text Markup Language.
 Basic building-blocks of WebPages.
 Allows images and objects to be embedded and can
be used to create interactive forms.

History

 1989: Tim Berners-Lee invents the Web with HTML as its
publishing language.
 1990- Berners-Lee specified HTML and wrote the
browser and server software.
 In late 1991 -The first publicly available description of
HTML was a document called HTML Tags, first
mentioned on the Internet.

Markup

 Refers to the sequence of characters or
other symbols.
 Often called as “TAGS”.
 Html Markup consists of several key components:-
 Elements
 Attributes
 Data Types

Example

<html>
<head>
<title>Hello HTML</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>

Versions

 November 24, 1995 -HTML 2.0
 January 1997- HTML 3.2
 April 1998 -HTML 4.0
 January 2008- HTML5

HTML 5
 A core technology of the Internet.
 A chance to do

things differently.

Markup
 New elements and attributes that reflect typical
usage on modern websites.
 HTML5 syntax is no longer based on SGML.

Canvas/ Svg Video Geolocation App Cache & Web
Database Workers

The canvas element provides a straight and
powerful way to draw arbitrary graphics in a
web page using java script.

1.3-D view in the web.
2.Big in texture-Game Graphics.
3.The graphics loaded into the CPU in
less than 10% time.

SVG -> Canvas ->
–High level –Low level
–Import/Export –No mouse interaction
–Easy UIs –High Animation
–Interactive –JS Centric
–Medium Animation –More Bookkeeping
–Tree of objects –Pixels

HTML 5 Support
Chrome Firefox Safari Opera

canvas/SVG

video

geolocation

app cache

database

Web
workers

Canvas/ Video Geolocation App Cache & Web
SVG Database Workers

Video is Complicated, and Outside Your Control

// HTML 5 makes
<video> as easy
as <img>

Video in the browser is tough today because it’s
about plug-ins. Now a new video tag.
 YouTube running entirely using the video tag .No
Flash required.

Life’s Better with Location
Places

2.8 mi

CRM Social Ads Games
Photos

2.1 mi
1.1 mi
500 ft

20 ft

75 ft

But GPS & IP aren’t good enough…

1.Too slow

2.Too constrained

3.Too fuzzy

All apps could be better with geolocation. Cell ID
and WiFi solve the problem of getting the data.

They’ve mapped really the entire world. Again all
the browsers but IE support this now.

HTML 5 Support
Chrome Firefox Safari Opera

canvas/SVG

video

Geolocation

app cache

database

workers

A More Powerful Web == More Powerful Apps

Difference Between HTML4 And HTML5

HTML4 HTML5

 Elements like nav, header were not  It brought new element for web
present. structure like nav, header etc.
 It was lack of rules of parsing so it  Strictly parsing rules introduced in
is difficult to handle error. html5 so handle the error.
 No multimedia supported without  It inbuilt multimedia element in
third party. html5 like Audio, video, convas.
 These controls were not present.  It contains attributes like control
menu, spell check etc.

Websites using HTML5

 YouTube uses HTML5, www.youtube.com/html5.
 Google wave, a collaboration tool from Google uses
several html5 tags.
 Only some of the browser only supports HTML5
features currently.

What's hot

Single Page Web AppsJan Monschke

Wrangling Large Scale Frontend Web ApplicationsRyan Roemer

Web StandardsChrisF1502010

Debugging Web Apps on Real Mobile DevicesDale Lane

SW Drupal Summit: HTML5+DrupalJen Simmons

Mobile Apps with PhoneGap and jQuery MobileTerry Ryan

DIWD 2011Zappos Front-End Development

Learn How to Use Atomic Design to Make Your Site Manageable and AdaptableAcquia

Untangling spring week6Derek Jacoby

Web Development for UX DesignersAshlimarie

Html for desktop applicationsMike Feltman

The Days of Web Standards "IA" 20070715Takashi Sakamoto

Expanding XPages with Bootstrap Plugins for Ultimate UsabilityTeamstudio

Firefox OS Apps & APIs - Dutch Mobile Conference / Serbia & Montenegro App da...Jan Jongboom

Optimus XPages Part 2: The Deep DiveTeamstudio

HK CodeConf 2015 - Your WebPerf Sucks Holger Bartel

Web, Native iOS and Native Android with One Ember.js AppFITC

Responsive Design Workflow: Mobilism 2012Stephen Hay

JSConf.eu OverviewRaimonds Simanovskis

Web DevelopmentLena Petsenchuk

What's hot (20)

Single Page Web Apps

Wrangling Large Scale Frontend Web Applications

Web Standards

Debugging Web Apps on Real Mobile Devices

SW Drupal Summit: HTML5+Drupal

Mobile Apps with PhoneGap and jQuery Mobile

DIWD 2011

Learn How to Use Atomic Design to Make Your Site Manageable and Adaptable

Untangling spring week6

Web Development for UX Designers

Html for desktop applications

The Days of Web Standards "IA" 20070715

Expanding XPages with Bootstrap Plugins for Ultimate Usability

Firefox OS Apps & APIs - Dutch Mobile Conference / Serbia & Montenegro App da...

Optimus XPages Part 2: The Deep Dive

HK CodeConf 2015 - Your WebPerf Sucks

Web, Native iOS and Native Android with One Ember.js App

Responsive Design Workflow: Mobilism 2012

JSConf.eu Overview

Web Development

Similar to Html ppts

An introduction to html5 by DevsDebidatta Satapathy

Html5Western Illinois University Libraries

HTML5 and the Mobile WebMrJ1971

HTML5Western Illinois University Libraries

HTML5 Technical Executive SummaryGilad Khen

HTML5 Webinar - Mind Storm SoftwareRomin Irani

Everything you need to know about HTML5 in 15 minEdgar Parada

HTML5: the mobile challengeDharmesh Suraj Bali

HTML5 and Google Chrome - DevFest09mihaiionescu

WHAT IS HTML5?(20100510)Shumpei Shiraishi

HTML 5Mohammad Raju

IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline

Change by HTML5dynamis

Html5Oliver Zico Mendes

Html5 workshop part 1NAILBITER

HTML5 - The Future in a FlashRick Snailum

HTML5 - The Python Angle (PyCon Ireland 2010)Kevin Gill

HTML5 and Joomla! 2.5 TemplateMarvelic Engine Co., Ltd.

Koubei banquet 30Koubei UED

夜宴30期《HTML5 is coming》Koubei Banquet

Similar to Html ppts (20)

An introduction to html5 by Devs

Html5

HTML5 and the Mobile Web

HTML5

HTML5 Technical Executive Summary

HTML5 Webinar - Mind Storm Software

Everything you need to know about HTML5 in 15 min

HTML5: the mobile challenge

HTML5 and Google Chrome - DevFest09

WHAT IS HTML5?(20100510)

HTML 5

IJCER (www.ijceronline.com) International Journal of computational Engineerin...

Change by HTML5

Html5

Html5 workshop part 1

HTML5 - The Future in a Flash

HTML5 - The Python Angle (PyCon Ireland 2010)

HTML5 and Joomla! 2.5 Template

Koubei banquet 30

夜宴30期《HTML5 is coming》

Recently uploaded

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Evaluating the top large language models.pdfChristopherTHyatt

🐬 The future of MySQL is Postgres 🐘RTylerCroy

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

A Domino Admins Adventures (Engage 2024)Gabriella Davis

Scaling API-first – The story of a global engineering organizationRadu Cotescu

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

GenCyber Cyber Security Day PresentationMichael W. Hawkins

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Recently uploaded (20)

Handwritten Text Recognition for manuscripts and early printed texts

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Evaluating the top large language models.pdf

🐬 The future of MySQL is Postgres 🐘

08448380779 Call Girls In Friends Colony Women Seeking Men

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Powerful Google developer tools for immediate impact! (2023-24 C)

How to Troubleshoot Apps for the Modern Connected Worker

Strategies for Landing an Oracle DBA Job as a Fresher

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Boost Fertility New Invention Ups Success Rates.pdf

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

A Domino Admins Adventures (Engage 2024)

Scaling API-first – The story of a global engineering organization

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

GenCyber Cyber Security Day Presentation

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Data Cloud, More than a CDP by Matt Robison

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

Presentation on how to chat with PDF using ChatGPT code interpreter

Html ppts

1. PRESENTATION ON PRESENTED BY : HARPREET SINGH SHIVANI GAUTAM SHWETA ASTHA DHAWAN

2. Introduction  What is HTML?  Hyper Text Markup Language.  Basic building-blocks of WebPages.  Allows images and objects to be embedded and can be used to create interactive forms.

3. History  1989: Tim Berners-Lee invents the Web with HTML as its publishing language.  1990- Berners-Lee specified HTML and wrote the browser and server software.  In late 1991 -The first publicly available description of HTML was a document called HTML Tags, first mentioned on the Internet.

4. Markup  Refers to the sequence of characters or other symbols.  Often called as “TAGS”.  Html Markup consists of several key components:-  Elements  Attributes  Data Types

5. Example <html> <head> <title>Hello HTML</title> </head> <body> <p>Hello World!</p> </body> </html>

6. Versions  November 24, 1995 -HTML 2.0  January 1997- HTML 3.2  April 1998 -HTML 4.0  January 2008- HTML5

7. HTML 5  A core technology of the Internet.  A chance to do things differently.

8. Logo

9. Markup  New elements and attributes that reflect typical usage on modern websites.  HTML5 syntax is no longer based on SGML.

10. FEATURES

11. Canvas/ Svg Video Geolocation App Cache & Web Database Workers

12.

13. The canvas element provides a straight and powerful way to draw arbitrary graphics in a web page using java script.

14. 1.3-D view in the web. 2.Big in texture-Game Graphics. 3.The graphics loaded into the CPU in less than 10% time.

15. SVG -> Canvas -> –High level –Low level –Import/Export –No mouse interaction –Easy UIs –High Animation –Interactive –JS Centric –Medium Animation –More Bookkeeping –Tree of objects –Pixels

16. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers

17. Canvas/ Video Geolocation App Cache & Web SVG Database Workers

18. Video is Complicated, and Outside Your Control

19. // HTML 5 makes <video> as easy as <img>

20. Video in the browser is tough today because it’s about plug-ins. Now a new video tag.  YouTube running entirely using the video tag .No Flash required.

21. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers

22. Canvas/ Video Geolocation App Cache & Web SVG Database Workers

23. Life’s Better with Location Places 2.8 mi CRM Social Ads Games Photos 2.1 mi 1.1 mi 500 ft 20 ft 75 ft

24. But GPS & IP aren’t good enough… 1.Too slow 2.Too constrained 3.Too fuzzy

25. All apps could be better with geolocation. Cell ID and WiFi solve the problem of getting the data. They’ve mapped really the entire world. Again all the browsers but IE support this now.

26. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video Geolocation app cache database workers

27. Canvas/ Video Geolocation App Cache & Web SVG Database Workers

28.

29.

30. Web Apps Need to Work Everywhere

31.

32. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers

33. Canvas/ Video Geolocation App Cache & Web SVG Database Workers

34. A More Powerful Web == More Powerful Apps

35. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video Geolocation app cache database Web workers

36. Difference Between HTML4 And HTML5 HTML4 HTML5  Elements like nav, header were not  It brought new element for web present. structure like nav, header etc.  It was lack of rules of parsing so it  Strictly parsing rules introduced in is difficult to handle error. html5 so handle the error.  No multimedia supported without  It inbuilt multimedia element in third party. html5 like Audio, video, convas.  These controls were not present.  It contains attributes like control menu, spell check etc.

37. Websites using HTML5  YouTube uses HTML5, www.youtube.com/html5.  Google wave, a collaboration tool from Google uses several html5 tags.  Only some of the browser only supports HTML5 features currently.

38. QUESTIONS

Html ppts

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Html ppts

Similar to Html ppts (20)

More from Shivani Gautam

More from Shivani Gautam (8)

Recently uploaded

Recently uploaded (20)

Html ppts