HTML5 · 20 Lessons to Successful Web Development by Nixon, Robin -- Read -- Imperial Library of Trantor

Index

Title Page Copyright Page Dedication Contents at a Glance Contents Acknowledgments Introduction PART I Basic HTML

LESSON 1 An Introduction to HTML

What Is HTML?

HTTP and HTML Basics The Request/Response Sequence The Difference Between Get and Post Requests

HTML Tags

Tag Attributes

Summary Self-Test Questions

LESSON 2 The Layout of an HTML Document

The <!DOCTYPE> Declaration

Internet Explorer Tweak for Local Documents

The <html> Tag The <head> Tag

Creating a Document Title Including Style Sheets Incorporating JavaScript Passing Metadata

The <body> Tag Summary Self-Test Questions

LESSON 3 The HTML Document Body

Inserting Comments The HTML 4.01 Tags

The <div> and <span> Tags Headings Paragraphs Line Breaks Text Emphasis

Summary Self-Test Questions

LESSON 4 Fonts, Colors, and Images

Changing Font Face and Color

<font color=′…′> … </font> <font face=′…′> … </font> <font size=′…′> … </font> <basefont> <body bgcolor=′…′> The Named Colors Coloring by Numbers Font Faces

Displaying Images Summary Self-Test Questions

LESSON 5 Creating Lists and Tables

Building Lists

Overriding the Defaults Definition Lists

Creating Tables

Table Rows and Columns Extending Rows and Columns

Summary Self-Test Questions

LESSON 6 Links, Forms, and Frames

Using Hyperlinks

The Query String Relative URLs Creating Links

Building Forms

The <input> Tag The <textarea> Tag The <select> Tag The <button> Tag The <label> Tag

Frames and Iframes Summary Self-Test Questions

LESSON 7 Using the Remaining HTML4 Tags

Conditional HTML for Internet Explorer

Simple Comparisons Higher or Lower Values The Not Operator The Mark of the Web

<abbr> … </abbr> <acronym> … </acronym> (Obsolete) <address> … </address> <applet> … </applet> (Obsolete) <area> <base> <basefont> (Obsolete) <bdo> … </bdo> <big> … </big> (Obsolete) and <small> … </small> <blockquote> … </blockquote> <center> … </center> (Obsolete) <cite> … </cite> <code> … </code> <col> and <colgroup> <del> … </del> <fieldset> … </fieldset> <font> … </font> (Obsolete) <frameset> (Obsolete) <hr> <iframe> … </iframe> <isindex> … </isindex> (Obsolete) <menu> … </menu> (Reserved) <optgroup> … </optgroup> <sub> … </sub> and <sup> … </sup> Summary Self-Test Questions

PART II HTML5 and the Canvas

LESSON 8 What’s New in HTML5

The Canvas Geolocation Forms Local Storage Audio and Video

The <embed> Tag

Microdata Web Workers Web Applications Still to Come Summary Self-Test Questions

LESSON 9 Accessing the Canvas

An Ultra-Crash Course in JavaScript

Accessing Form Elements from JavaScript Using the getElementById() Function The Simpler O() Function The Partner S() Function

The <canvas> Tag

Accessing the Canvas with JavaScript Converting a Canvas to an Image

Summary Self-Test Questions

LESSON 10 Creating Rectangles, Fills, Gradients, and Patterns

Drawing Rectangles

The fillRect() Function The fillStyle Property The clearRect() Function The strokeRect() Function

Creating Gradients

The createLinearGradient() Function The createRadialGradient() Function The addColorStop() Function

Using Patterns

The createPattern() Function

Summary Self-Test Questions

LESSON 11 Writing Text to the Canvas

Writing Text

The font Property The strokeText() Function The textAlign Property The textBaseline Property The fillText() Function Determining Text Width

Summary Self-Test Questions

LESSON 12 Drawing Lines, Paths, and Curves

Drawing Lines

The lineWidth Property The lineCap Property The lineJoin Property The miterLimit Property

Drawing with Paths

The beginPath() and closePath() Functions The moveTo() and lineTo() Functions The stroke() Function The rect() Function The fill() Function The clip() Function The isPointInPath() Function

Creating Curves

The arc() Function The arcTo() Function The quadraticCurveTo() Function The bezierCurveTo() Function

Summary Self-Test Questions

LESSON 13 Manipulating Images, Shadows, and Pixels

Using Images

The drawImage() Function

Adding Shadows Pixel Editing

The getImageData() Function The data[] Array The putImageData() Function The createImageData() Function

Summary Self-Test Questions

LESSON 14 Compositing, Transparency, and Transformations

Compositing and Transparency

The globalCompositeOperation Property The globalAlpha Property

Using Transformations

The scale() Function The save() and restore() Functions The rotate() Function The translate() Function The transform() Function The setTransform() Function

Summary Self-Test Questions

PART III Advanced HTML

LESSON 15 Supporting Geolocation

Accessing Geolocation with JavaScript

The geolocation Property The getCurrentPosition() Function In the Real World

The GPS Service

Other Location Methods

Summary Self-Test Questions

LESSON 16 Building Advanced Forms

New Form Attributes

The autocomplete Attribute The autofocus Attribute The form Attribute

Form Overrides

The formaction Attribute The formenctype Attribute The formmethod Attribute The formnovalidate Attribute The formtarget Attribute The height and width Attributes The list Attribute and <datalist> and <option> Tags The min and max Attributes The multiple Attribute The novalidate and formnovalidate Attributes The pattern Attribute The placeholder Attribute The required Attribute The step Attribute

New Form Input Types

The color Input Type

Date and Time Pickers

The date Input Type The month Input Type The time Input Type The week Input Type The datetime Input Type The datetime-local Input Type The email Input Type The number Input Type The range Input Type The search Input Type The tel Input Type The url Input Type

Summary Self-Test Questions

LESSON 17 Implementing Local Storage and Cross-Document Messaging

Using Local Storage

Storing and Retrieving Local Data Removing and Clearing Local Data

Cross-Document Messaging Summary Self-Test Questions

LESSON 18 Playing Audio

Understanding Codecs The <audio> and <source> Tags

The <audio> and <source> Tag Attributes Supporting Older Browsers

Summary Self-Test Questions

LESSON 19 Displaying Video

The Video Codecs

The <video> and <source> Tags The <video> and <source> Tag Attributes

Summary Self-Test Questions

LESSON 20 Working with Microdata, Web Workers, and Web Applications

Microdata Web Workers Offline Web Applications Drag and Drop Other HTML5 Tags Summary Self-Test Questions

APPENDIX Answers to the Self-Test Questions

Lesson 1 Answers Lesson 2 Answers Lesson 3 Answers Lesson 4 Answers Lesson 5 Answers Lesson 6 Answers Lesson 7 Answers Lesson 8 Answers Lesson 9 Answers Lesson 10 Answers Lesson 11 Answers Lesson 12 Answers Lesson 13 Answers Lesson 14 Answers Lesson 15 Answers Lesson 16 Answers Lesson 17 Answers Lesson 18 Answers Lesson 19 Answers Lesson 20 Answers

Index

← Prev
Back
Next →

← Prev
Back
Next →