Sams Teach Yourself HTML5 in 10 Minutes PDF

Sams Teach Yourself HTML5 in 10 minutes pdf
Title of the Book Sams Teach Yourself HTML5 in 10 Minutes
Author Steven Holzner
Book Format PDF
No.of Pages 241
This book gives you a guided tour of the new features of HTML. We assume you know the previous version of HTML — HTML 4.01 — well enough so that we can discuss only what’s new in version 5. Here are the stops on your guided tour:

1 Essential HTML5

  • Welcome to HTML5
  • Drawing With the Canvas Element
  • Dragging and Dropping
  • Getting Data With the New Web Form Controls
  • Edit Web Pages on the Fly
  • Remembering With Browser History
  • Saying Hello With Interdocument Messaging
  • Awesome Audio and Video
  • Making Use of Web Storage
  • Using the New Elements

2 Drawing with the Canvas Element

  • Welcome to the Canvas Element
  • Getting to Know the Canvas API
  • Starting the Canvas Example
  • Drawing Rectangles
  • Drawing Line Art
  • Filling Line Art
  • Drawing with Bezier Curves
  • Drawing with Quadratic Curves
  • Drawing Arcs
  • Drawing Text
  • The canvas.html Example Code

3 Dragging and Dropping with HTML5

  • Welcome to Drag and Drop
  • Getting to Know the Drag-and-Drop API
  • Starting the Drag-and-Drop Example
  • Styling the Draggable and Target Elements
  • Starting the Drag Operation
  • Allowing Dragged Objects to Enter the Targets
  • Allowing Dragged Objects to Be Dropped on Certain Targets
  • Handling Drop Events
  • Ending Drop Operations
  • The draganddrop.html Example Code

4 Web Form Controls

  • Welcome to Web Form Controls
  • Getting to Know the Web Form Controls API
  • Starting the Web Forms Example
  • Creating a Default Control
  • Creating a URL Control
  • Creating an Email Control
  • Creating Range and Number Controls
  • Creating Date and Time Controls
  • Creating a Color Control
  • Creating a Search Control
  • The webforms.html Example Code
  • The webforms.php Example Code

5 Inline Editing

  • Welcome to Inline Editing
  • Starting the editdiv.html Example
  • Adding a Bold Button
  • Adding an Italic Button
  • Adding an Underline Button
  • Adding an Add Link Button
  • Adding a Display Source Button
  • Spell checking
  • The editdiv.html Example Code
  • Starting the editiframe.html Example
  • Adding the editiframe.html Buttons
  • The editiframe.html Example Code

6 Working with Browser History

  • Welcome to Browser History
  • Getting to Know the History API
  • Starting the pophistory.html Example
  • Adding a Back Button
  • Adding a Forward Button
  • Adding a Go Button
  • Getting History Length
  • Pushing Data into the History
  • Popping Data from the History
  • The pophistory.html Example Code

7 Getting the Point Across with Messaging

  • Welcome to Messaging
  • Getting to Know the Messaging API
  • Starting the parent.html Example
  • Sending a Cross-Window Message
  • Starting the child.html Example
  • Receiving a Cross-Window Message
  • The parent.html Example Code
  • The child.html Example Code
  • Starting the domainparent.html Example
  • Sending a Cross-Domain Message
  • Starting the domainchild.html Example
  • Receiving a Cross-Domain Message
  • The domainparent.html Example Code
  • The domainchild.html Example Code

8 Using Video and Audio

  • Welcome to the Video Media Control
  • Getting to Know the Video Element API
  • Converting to OGG Format
  • Starting the video.html Example
  • Adding Controls to the video.html Example
  • Looping a Video
  • Playing a Video Automatically
  • Detecting When a Video Has Failed
  • Welcome to the Audio Media Control
  • Getting to Know the Audio Element API
  • Starting the audio.html Example
  • Detecting When an Audio Has Failed

9 Web Storage

  • Welcome to Session Storage
  • Getting to Know the Session Storage API
  • Starting the sessionstorage.html Example
  • Storing Data in the Session
  • Getting Data from the Session
  • Clearing Session Data
  • The sessionstorage.html Code
  • Welcome to Local Storage
  • Getting to Know the Local Storage API
  • Starting the localstorage.html Example
  • Storing Data in the Browser
  • Getting Data from the Browser
  • Clearing Local Data
  • The localstorage.html Code

10 The New HTML5 Elements

  • Adding SVG and MathML
  • Welcome to the New Elements
  • The <article> Element
  • The <aside> Element
  • The <audio> Element
  • The <canvas> Element
  • The <command> Element
  • The <datalist> Element
  • The <details> Element
  • The <embed> Element
  • The <figcaption> Element
  • The <figure> Element
  • The <footer> Element
  • The <header> Element
  • The <hgroup> Element
  • The <keygen> Element
  • The <mark> Element
  • The <meter> Element
  • The <nav> Element
  • The <output> Element
  • The <progress> Element
  • The <rp> Element
  • The <rt> Element
  • The <ruby> Element
  • The <section> Element
  • The <source> Element
  • The <summary> Element
  • The <time> Element
  • The <video> Element
Click here to download Sams Teach Yourself HTML5 in 10 minutes pdf