384 Pages


Use the latest version of HTML to create dynamic Web pages

HTML5 is the latest iteration of the standard markup language for creating Web pages. It boasts extensive updates from its predecessor and allows you to incorporate rich media content into a site without any dependence on extra software such as Flash. Packed with hundreds of screen shots, this visual guide introduces you to the many new features and abilities of HTML5 and shows you the many exciting new possibilities that exist for designing dynamic Web pages.

  • Offers visual learners a solid reference on HTML5, the latest version of the standard markup language for designing Web pages
  • Demonstrates how to use HTML5 to create Web pages that feature the latest in rich media content
  • Provides easy-to-understand examples that cover a variety of topics to get you up and running with HTML5
  • Features a companion Web site that contains all the code needed to learn HTML5
  • HTML5: Your visual blueprint for designing effective Web pages opens your eyes to the world of possibilities that exist with the new version of the popular markup language.

Adam R. McDaniel  is a Web developer, technical architect, and security analyst, who has contributed to the Linux Kernel.



Published by
Published 20 October 2011
Reads 13
EAN13 9781118204764
License: All rights reserved
Language English

Legal information: rental price per page €. This information is given for information only in accordance with current legislation.

Report a problem
Chapter 1 Introducing HTML5
Introducing HTML5 2
Understanding HTML5 Web Browsers 6
Understanding Backward Compatibility 8
Understanding the History of Markup Languages 10
Introducing the New and Changed HTML5 Tags and Attributes 12
Understanding Obsolete HTML Tags and Attributes 16
Validate a Website for HTML5 Compliance 18
Validate a Web Browser for HTML5 Support 20
Support HTML5 in Internet Explorer with a Plug-in 22
Chapter 2 Getting Started with HTML5 Page Layout
Create an HTML5 Web Page 24
Understanding the Semantic Layout in HTML5 26
Declare Header and Footer Layout Elements 30
Declare a Navigation Layout Element 32
Declare Section and Article Layout Elements 34
Declare Heading and Paragraph Layout Elements 36
Declare Figure and Aside Layout Elements 38
Assign CSS Styles to Layout Elements 40
Provide a Fallback for Outdated Web Browsers 42
Announce HTML5 Support 44
Resize Your Website for Mobile Web Browsers 46
Chapter 3 Using New HTML5 User Interface Tags and Attributes
Display a Fixed-Meter Bar 48
Display a Moving Progress Meter 50
Add a Caption to a Figure 52
Highlight Text 54
Specify Safe Line Breaks in Long Words 55
Allow the User to Edit Content 56
Spell-Check User Content 57
Declare an Interactive Summary and Details Layout Element 58
Chapter 4 Styling with CSS3
Introducing CSS3 60
Validate a Web Browser for CSS3 Support 62
Select an HTML Element Using Its Class or ID 64
Select an HTML Element Using an Attribute 65
Select an HTML Element Using a Specific Attribute Value 66
Select an HTML Element Using a Partial Attribute Value 68
Select an HTML Element Using the Structural type Pseudo-Class70
Select an HTML Element Using the Structural child Pseudo-Class 72
Select an HTML Element by Its Sibling Element 74
Select HTML Elements Using a Negating Pseudo-Class 76
Select HTML Elements by User Selection 77
Change an Element's Background Image 78
Customize an Element's Font 80
Format Text Overflow inside an Element 82
Chapter 5 Enhancing Your Web Page Visually with CSS3
Round Border Corners 84
Add a Shadow Effect 86
Change an Element's Opacity 88
Apply an Image As an Element Border 90
Customize a Scroll Bar with Images 92
Apply a Color Gradient 96
Transform Object Dimensions 98
Transition between Styles 100
Create Simple Animations 102
Chapter 6 Creating Boxes and Columns with CSS3
Introducing the Flexible Box Model 106
Create a Horizontal Flexible Box Model 108
Create a Vertical Flexible Box Model 110
Stretch and Shrink Objects in a Flexible Box 112
Horizontally Pack Objects within a Flexible Box 114
Vertically Align Objects within a Flexible Box 115
Reorder Objects in a Flexible Box 116
Introducing Multi-Column Layouts 118
Create a Multi-Column Layout 120
Add a Ruler and Gap in between Columns 122
Span Objects Horizontally across Columns 124
Chapter 7 Creating HTML5 Form Inputs
Create a Number Input Type 126
Create a Telephone Input Type 127
Create an Email Input Type 128
Create a URL Input Type129
Create a Search Input Type 130
Require a Value in an Input Field 131
Set a Placeholder for an Input Field 132
Auto-Focus on an Input Field 133
Disable Auto-Completion of Input Text 134
Using Speech Input 135
Create a Drop-Down List for Text Input Suggestions 136
Restrict Input Values Using Pattern Matching 138
Create a Date Input Type 140
Create a Range Input Type 142
Create a Color Input Type 144
Link an Input Field to a Specific Form 146
Chapter 8 Using jQuery with HTML5
Introducing jQuery 148
Download jQuery 150
Load jQuery 151
Execute jQuery Methods on Elements 152