SAMS Teach Yourself HTML5 in 10 Minutes (2011).pdf

Steven Holzner

HTML5

in 10 Minutes

800 East 96th Street, Indianapolis, Indiana 46240

Sams Teach Yourself

Sams Teach Yourself HTML5 in 10 Minutes

stored in a retrieval system, or transmitted by any means, elec-

tronic, mechanical, photocopying, recording, or otherwise, without

written permission from the publisher. No patent liability is

assumed with respect to the use of the information contained

herein. Although every precaution has been taken in the prepara-

tion of this book, the publisher and author assume no responsibil-

ity for errors or omissions. Nor is any liability assumed for dam-

ages resulting from the use of the information contained herein.

International Standard Book Number-10: 0-672-33333-3

International Standard Book Number-13: 978-0-672-33333-0

Library of Congress Cataloging-in-Publication Data

Editor In Chief

Mark Taub

Aquisitions

Editor

Mark Taber

Development

Editor

Songlin Qiu

Managing

Editor

Sandra

Schroeder

Holzner, Steven.

Sams teach yourself HTML5 in 10 minutes / Steven Holzner.

p. cm.

ISBN 978-0-672-33333-0 (pbk.)

1. HTML (Document markup language) I. Title. II. Title: Teach

yourself HTML5 in 10 minutes.

QA76.76.H94H647 2011

006.7'4—dc22

Project Editor

Mandie Frank

Copy Editor

Barbara Hacha

Indexer

Heather McNeill

Proofreader

Debbie Williams

2010045971

Publishing

Coordinator

Vanessa Evans

Printed in the United States of America

First Printing: December 2010

3210

4321

Composition

Mark Shirar

Trademarks

All terms mentioned in this book that are known to be trademarks

or service marks have been appropriately capitalized. Sams

Publishing cannot attest to the accuracy of this information. Use

of a term in this book should not be regarded as affecting the

validity of any trademark or service mark.

Warning and Disclaimer

Every effort has been made to make this book as complete and

as accurate as possible, but no warranty or fitness is implied. The

information provided is on an “as is” basis. The author and the

publisher shall have neither liability nor responsibility to any per-

son or entity with respect to any loss or damages arising from the

information contained in this book.

Bulk Sales

Sams Publishing offers excellent discounts on this book when

ordered in quantity for bulk purchases or special sales. For more

information, please contact

U.S. Corporate and Government Sales

1-800-382-3419

corpsales@pearsontechgroup.com

For sales outside of the U.S., please contact

International Sales

international@pearsoned.com

Book Designer

Gary Adair

Table of Contents

Introduction 1

What’s in This Book ................................................................ 1

What You Need ........................................................................ 3

1 Essential HTML5 5

Welcome to HTML5 .................................................................. 5

Drawing With the Canvas Element ............................................ 6

Dragging and Dropping ............................................................ 7

Getting Data With the New Web Form Controls .......................... 7

Edit Web Pages on the Fly ........................................................ 8

Remembering With Browser History .......................................... 8

Saying Hello With Interdocument Messaging .............................. 8

Awesome Audio and Video ...................................................... 9

Making Use of Web Storage .................................................... 9

Using the New Elements ........................................................ 10

2 Drawing with the Canvas Element 13

Welcome to the Canvas Element ............................................ 13

Getting to Know the Canvas API .............................................. 14

Starting the Canvas Example .................................................. 18

Drawing Rectangles .............................................................. 20

Drawing Line Art .................................................................... 22

Filling Line Art ...................................................................... 24

Drawing with Bezier Curves .................................................... 25

Drawing with Quadratic Curves ................................................ 27

Drawing Arcs ........................................................................ 28

Drawing Text .......................................................................... 30

The canvas.html Example Code .............................................. 31

Sams Teach Yourself HTML5 in 10 Minutes

3 Dragging and Dropping with HTML5 35

Welcome to Drag and Drop .................................................... 35

Getting to Know the Drag-and-Drop API .................................... 37

Starting the Drag-and-Drop Example ........................................ 41

Styling the Draggable and Target Elements .............................. 43

Starting the Drag Operation .................................................... 46

Allowing Dragged Objects to Enter the Targets ........................ 47

Allowing Dragged Objects to Be Dropped on Certain Targets .... 48

Handling Drop Events ............................................................ 50

Ending Drop Operations .......................................................... 51

The draganddrop.html Example Code ...................................... 52

4 Web Form Controls 57

Welcome to Web Form Controls .............................................. 58

Getting to Know the Web Form Controls API ............................ 60

Starting the Web Forms Example ............................................ 66

Creating a Default Control ...................................................... 67

Creating a URL Control .......................................................... 68

Creating an Email Control ...................................................... 69

Creating Range and Number Controls ...................................... 70

Creating Date and Time Controls ............................................ 72

Creating a Color Control ........................................................ 74

Creating a Search Control ...................................................... 75

The webforms.html Example Code .......................................... 76

The webforms.php Example Code .......................................... 78

5 Inline Editing 79

Welcome to Inline Editing ...................................................... 79

Starting the editdiv.html Example ............................................ 81

Adding a Bold Button ............................................................ 83

Adding an Italic Button .......................................................... 85

Adding an Underline Button .................................................... 87

Adding an Add Link Button .................................................... 88

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: