Teach Yourself VISUALLY HTML5

827 Pages·2011·44.44 MB·English

by  Mike Wooldridge

Teach Yourself VISUALLY™
®
HTML5
Table of Contents
Chapter 1: Getting Started with HTML5 and Web Pages
Internet Basics
Introducing HTML5
Explore Web Browsers
Explore HTML Editors
Understanding HTML5 Syntax
New Features in HTML5
View HTML5 Code in a Browser
Chapter 2: Creating Your First HTML5 Web Page
Understanding HTML5 Document Structure
Start an HTML5 Document
Save an HTML5 Document
View an HTML5 Page
Add Metadata
Chapter 3: Adding and Modifying Text
Create a New Paragraph
Add a Line Break
Add a Line Break Opportunity
Add a Horizontal Rule
Insert a Blank Space
Make Text Bold
Italicize Text
Insert Preformatted Text
Insert a Heading
Add a Block Quote
Add Small Print
Insert a Comment
Create a Numbered List
Create a Bulleted List
Create a Nested List
Create a Definition List
Define an Abbreviation
Add a Date and Time
Insert Special Characters
Chapter 4: Adding CSS Styles
Understanding Style Sheets
Create an Internal Style Sheet
Create an External Style Sheet
Link to a Style Sheet
Apply a Style Locally
Apply a Style to a Tag
Apply a Style Using a Class
Apply a Style Using an ID
Link to Media-specific Style Sheets
Link to Style Sheets for iPads, iPhones, and Android Phones
Define Styles for Nested Tags
Chapter 5: Styling Text
Change the Font Size
Indent Text
Change the Color of Text
Change the Font
Change Text Alignment
Change the Text Case
Control Line Spacing
Control Letter Spacing
Add Background Colors
Style a Bulleted List
Chapter 6: Adding Images
Understanding Web Page Images
Insert an Image
Specify an Image Size
Add Alternative Text
Create an Image Label
Add an Image as a Figure
Align an Image Horizontally
Align an Image Vertically
Center an Image
Stop Text Wrap
Add Space around an Image
Add a Background Image
Add a Meter Image
Chapter 7: Adding Links
Understanding Links
Understanding URLs
Link to Another Page
Open a New Window with a Link
Link to an Area on the Same Page
Link to Another File Type
Link to an E-Mail Address
Change Link Colors
Change Link Hover Effects
Define Link Relationships
Chapter 8: Working with Tables
Understanding Table Structure
Add a Table
Add Table Borders
Adjust Cell Padding and Border Spacing
Adjust Cell Width and Height
Add Column Labels
Add a Caption to a Table
Add a Background Color to Cells
Add a Background Color to a Table
Adjust the Table Size
Change Cell Alignment
Change Table Alignment
Extend Cells Across Columns and Rows
Use a Table for Page Layout
Chapter 9: Creating Forms
Understanding Forms
Types of Form Elements
Create a Form
Send Form Data to an E-Mail Address
Add a Text Box
Add a Large Text Area
Add Check Boxes
Add Radio Buttons
Add a Menu List
Add a Date and Time Input
Add an E-Mail Field
Add a URL Field
Add a Range Slider
Add a File Upload
Add a Submit Button
Add a Reset Button
Require a Field
Add a Placeholder
Validate Input with a Pattern
Chapter 10: Controlling Page Layout
Control Layout
Set Width and Height for an Element
Use Relative Positioning
Use Absolute Positioning
Use Fixed Positioning
Set Margins
Add Padding
Align Elements Horizontally
Control the Overlap of Elements
Apply Styles with a <div> Tag
Chapter 11: Adding Semantic Tags
Define a Section
Define an Article
Define a Header
Define Navigation
Define an Aside
Define a Footer
Chapter 12: Working with JavaScript
Understanding JavaScript
Understanding Script Events and Handlers
Add JavaScript to a Web Page
Link to a JavaScript File
Insert the Current Date and Time
Display an Alert Message Box
Display a Pop-Up Window
Create an Image Rollover Effect
Show a Hidden Element
Change Page Content
Display a Calculation
Chapter 13: Adding Canvases
Understanding Canvases
Set Up a Canvas
Draw Rectangles
Draw Circles
Draw Lines
Add Text
Add an Image
Slice an Image
Add a Gradient
Rotate Canvas Content
Animate Canvas Content
Chapter 14: Adding Video and Audio
Understanding Video and Audio
Insert a Video File
Insert an Audio File
Resize a Video
Preload Multimedia
Loop Multimedia
Offer Multiple Sources
Support Older Browsers
Embed a YouTube Video
Chapter 15: Publishing Your Web Pages
Understanding Web Page Publishing
Look Up a Domain Name
Transfer Files to a Web Server with FileZilla
®
Teach Yourself Visually HTML5
by Mike Wooldridge