HTML5 Introduction

1,838
-1

Published on

HTML5 Introduction

Published in: Technology
3 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total Views
1,838
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
62
Comments
3
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 Introduction

  1. 1. 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.
  2. 2. Minimum HTML5 Document • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Judul Dokument</title> </head> <body> Selamat datang di HTML 5 </body> </html>
  3. 3. New Features • The <canvas> element for 2D drawing
  4. 4. The <video> and <audio> elements for media playback
  5. 5. New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
  6. 6. New Elements in HTML5 Tag Description <canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
  7. 7. 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>
  8. 8. 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
  9. 9. 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)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×