Group 2
Introduction to
HTML5
Chapter 5 - Unit 2
Scope of the Report
Overview on HTML5 HTML5 New Features
01 A heads-up on what HTML5 is and how it is 02 What new features can we see on HTML’s
used. latest version?
HTML Elements HTML Attributes
03 What are the elements that we can see in an 04 What are the attribute keywords that are
HTML file for websites? being used in HTML5?
01 What is HTML5?
Hypertext Markup Language 5 (HTML5) is
the newest version of the language used to
develop websites. It was proposed by the
World Wide Web Consortium (WC3) back in
2004.
New Features of HTML5
02
What are the new features that we
can expect in the newest version of
HTML?
HTML5 New Features
Application Cache
Developers can create offline programs
by allowing browsers to automatically
save the needed resources necessary for
the displaying of the website.
HTML5 New Features
Drag and Drop
This feature allows user to drag and
drop elements to a different location or
even a different application.
HTML5 New Features
Geolocation
This is a geographic locator that shows
the user’s current location through the
use of GPS-assisted technology.
HTML5 New Features
New Input Types
Aside from text and images, users can
use colors, date, emails, ranges, search,
and times as input to a website.
HTML5 New Features
Server-Sent Events (SSE)
The Server-Sent Events feature lets a
web page get information from the web
server automatically. It is a web page’s
new way of communicating with the
web server.
HTML5 New Features
Web Storage
The web storage is used to store data. It
lets a developer store some information
locally on the user’s computer.
HTML5 New Features
Web Worker
A web worker is a JavaScript code that
runs in the backround of the web page.
HTML Elements
03
What are the elements that we can
see in an HTML file for websites?
HTML Elements
The <html> Tag
The <html> tag is used at the beginning
and end of every web page.
HTML Elements
The <head> Tag
The <head> tag contains meta
information about the document. It is
usually placed after the <html> tag.
HTML Elements
The <title> Tag
The <title> tag specifies a title for the
document. This tag is usually placed
after the <head> tag.
HTML Elements
The <body> Tag
The <body> tag encapsulates all the
contents of the web page. The <body>
tag is the core of the HTML program.
HTML Attributes
04
What are the attribute keywords
that are being used in HTML5?
HTML Attributes
Alt
The alt attribute indicates an alternative
text to be used when an image cannot
be displayed.
HTML Attributes
Background
The background attribute specifies a
background for a web page. It can be a
color or an image.
HTML Attributes
Href
The href attribute provides address
information for links. It specifies the
URL or web addresses for a link.
HTML Attributes
SRC
The src attribute specifies the URL or
web address for an image. HTML
image are defined with the <img> tag.
HTML Attributes
Title
The title attribute provides additional
tool-tip information. It specifies extra
information about an element displayed
as a tool tip.
HTML Attributes
Width and Height
These attributes provide the size
information for images. It specifies the
width and height of an image in pixels.
THE
END
Thank
You
