HTML5 Introduction
Upcoming SlideShare
Loading in...5
×
 

HTML5 Introduction

on

  • 579 views

HTML5 Introduction

HTML5 Introduction

Statistics

Views

Total Views
579
Views on SlideShare
565
Embed Views
14

Actions

Likes
0
Downloads
46
Comments
3

6 Embeds 14

http://localhost 4
http://pop.dev 3
http://www.mashme.tv 3
http://999.videocolaboracionorange.appspot.com 2
http://poweroverprocrastination.com 1
http://test4.inceptum.eu 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML5 Introduction HTML5 Introduction Presentation Transcript

  • What is HTML5? • New standard for HTML • Cross-platform ( tablet , smartphone, a netbook, notebook or a Smart TV). • Web applications that still work when you are not online.
  • Minimum HTML5 Document • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Judul Dokument</title> </head> <body> Selamat datang di HTML 5 </body> </html>
  • New Features • The <canvas> element for 2D drawing
  • The <video> and <audio> elements for media playback
  • New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
  • New Elements in HTML5 Tag Description <canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
  • Tag Description <audio> Defines sound content <video> Defines a video or movie <source> Defines multiple media resources for <video> and <audio> <embed> Defines a container for an external application or interactive content (a plug-in) <track> Defines text tracks for <video> and <audio>
  • Tag Description <datalist> Specifies a list of pre-defined options for input controls <keygen> Defines a key-pair generator field (for forms) <output> Defines the result of a calculation
  • Tag <article> Description Defines an article <aside> <bdi> <command> Defines content aside from the page content Isolates a part of text that might be formatted in a different direction from other text outside it Defines a command button that a user can invoke <details> Defines additional details that the user can view or hide <dialog> Defines a dialog box or window <summary> Defines a visible heading for a <details> element <figure> <figcaption> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. Defines a caption for a <figure> element <footer> Defines a footer for a document or section <header> Defines a header for a document or section <mark> <meter> Defines marked/highlighted text Defines a scalar measurement within a known range (a gauge) Defines navigation links Represents the progress of a task <nav> <progress> <ruby> <rt> Defines a ruby annotation (for East Asian typography) Defines an explanation/pronunciation of characters (for East Asian typography)