Scribd
Upload
9 views25 pages

Group 2 HTML5 Powerpoint Presentation

The document provides an overview and introduction to HTML5, outlining its key sections which discuss what HTML5 is, its new features, common HTML elements, and HTML attributes. The document contains multiple subsections that define and describe these core concepts of HTML5.

Uploaded by

Stephanie Shane Arellano
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
9 views25 pages

Group 2 HTML5 Powerpoint Presentation

The document provides an overview and introduction to HTML5, outlining its key sections which discuss what HTML5 is, its new features, common HTML elements, and HTML attributes. The document contains multiple subsections that define and describe these core concepts of HTML5.

Uploaded by

Stephanie Shane Arellano
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 25

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

You might also like