Start Here!™ Learn HTML5 by Wempen, Faithe -- Read -- Imperial Library of Trantor

Index

Start Here!™ Learn HTML5 Dedication A Note Regarding Supplemental Files Introduction

Who Should Read This Book Assumptions Who Should Not Read This Book Organization of This Book Conventions and Features in This Book System Requirements Code Samples Installing the Code Samples Using the Code Samples Acknowledgments Errata & Book Support We Want to Hear from You Stay in Touch

I. Getting Started with HTML

1. HTML Basics: The Least You Need to Know

Understanding HTML Tags Opening a Webpage in Notepad

Open a Webpage in Notepad

Other Ways of Opening Webpages in Notepad Adding a Location to the Favorites List

Add a Location to Your Favorites List

Previewing HTML Files in a Web Browser

Open a Webpage in Internet Explorer

Making, Saving, and Viewing Changes

Make and View Changes to an HTML File

Key Points

2. Setting Up the Document Structure

Specifying the Document Type Creating the HTML, Head, and Body Sections

Create an HTML5 Template

Creating Paragraphs and Line Breaks

Add Text to an HTML File

Specifying a Page Title and Metatags

Specify a Page Title and Metatags

Key Points

3. Formatting Text with Tags

Creating Headings

Create Headings

Applying Bold and Italic Formatting

Apply Bold and Italic

Applying Superscript and Subscript Formatting

Apply Superscript Formatting

Using Monospace and Preformatted Text

Use Monospaced and Preformatted Text

Formatting a Block Quotation

Use a Block Quotation Tag

Configuring View Settings in Internet Explorer

Configure Internet Explorer View Settings

Key Points

4. Using Lists and Backgrounds

Creating Bulleted and Numbered Lists

Nesting Lists Changing the Bullet or Number Character Specifying the Start of a Numbered List

Create Ordered (Numbered) and Unordered (Bulleted) Lists

Creating Definition Lists

Create a List of Definitions

Inserting Special Characters

Insert Special Characters

Inserting Horizontal Lines

Add Decorative Horizontal Lines

Choosing Background Colors and Foreground Colors

Understanding How Colors are Specified on Webpages Applying a Background Color Applying a Foreground Color

Apply Background and Foreground Colors

Specifying a Background Image File

Use a Graphic as a Background

Key Points

5. Creating Hyperlinks and Anchors

Hyperlinking to a Webpage

Using Partial Paths and Filenames Using Relative and Absolute Paths Setting a Target Window

Create Hyperlinks to Files

Hyperlinking to an Email Address

Create a mailto: Hyperlink

Creating and Hyperlinking to Anchors

Create an Anchor Point

Hyperlinking to Other Content

Hyperlink to Other Content

Key Points

II. Style Sheets and Graphics

6. Introduction to Style Sheets

Understanding Styles Constructing Style Rules

Create an Embedded Style Sheet

Creating Styles for Nested Tags

Use Styles to Format a Nested List

Creating Classes and IDs for Applying Styles

Create and Use Classes

Applying Styles to Hyperlinks with Pseudo-Classes

Use Pseudo-Classes to Define Hyperlink Formatting

Creating and Linking to External Style Sheets

Create and Use an External Style Sheet

Key Points

7. Formatting Text with CSS

Specifying a Font Family

Apply Fonts with Styles

Specifying a Font Size and Color

Specify a Font and Color

Applying Bold and Italics

Apply Bold and Italic with Styles

Applying Strikethrough and Underlining

Apply Underlining and Strikethrough

Creating Inline Spans

Format Text with Inline Spans

Adjusting Spacing between Letters

Change Word and Letter Spacing

Key Points

8. Formatting Paragraphs with CSS

Indenting Paragraphs

Apply Paragraph Indentation and Padding

Applying a Border to a Paragraph

Specifying a Border Style Setting Border Padding Specifying Border Width and Color Formatting Border Sides Individually Setting All Border Attributes at Once

Format Paragraph Borders

Specifying the Horizontal Alignment of a Paragraph

Change Horizontal Alignment

Specifying Vertical Space within a Paragraph

Change Vertical Spacing

Key Points

9. Inserting Graphics

Understanding Graphic Size and Resolution Inserting a Graphic

Insert a Graphic

Clearing a Graphic

Set an Object to Clear a Graphic

Controlling Image Size and Padding

Size the Size, Padding, and Margin for a Graphic

Using a Graphic as a Hyperlink

Create a Graphical Hyperlink

Creating Thumbnails

Hyperlink Thumbnails of Images

Including Alternate Text for Graphics

Use Alt Tags

Adding Figure Captions

Add a Single Caption to a Group of Figures

Key Points

III. Page Layout and Navigation

10. Creating Navigational Aids

Planning Your Site’s Organization Creating a Text-Based Navigation Bar

Create a Text-Based Navigation Bar

Creating a Graphical Navigation Bar

Create a Graphical Navigation Bar

Redirecting to Another URL

Redirect to Another URL

Creating Custom Error Pages

Create a Custom 404 Error Page

Key Points

11. Creating Division-Based Layouts

Understanding HTML5 Semantic Tags Beginning to Think in Divisions Creating Divisions

Create Divisions

Creating an HTML5 Semantic Layout

Create an HTML5 Semantic Layout

Positioning Divisions

Floating a Division to the Right or Left Positioning a Division on the Page

Position Divisions

Formatting Divisions

Format Divisions

Key Points

12. Creating Tables

Creating a Simple Table

Create a Table

Specifying the Size of a Table

Resize a Table

Specifying the Width of a Column

Change Table Column Widths

Spanning (Merging) Table Cells

Change Table Column Widths

Using Tables for Page Layout

Build a Table-Based Page Layout

Key Points

13. Formatting Tables

Applying Table Borders

Applying Borders by Using Attributes Applying Borders by Using Styles

Apply and Remove Table Borders

Applying Background and Foreground Fills

Format a Table’s Foreground and Background

Changing Cell Padding, Spacing, and Alignment

Setting Cell Padding Setting Cell Spacing Setting Horizontal and Vertical Alignment

Change a Table’s Padding, Spacing, and Alignment

Key Points

14. Creating User Forms

Creating a Basic Form

Creating a Text Box Special Field Types for Email and Web Addresses Creating a Text Area Creating a Submit or Clear Button Adding Default or Placeholder Text

Create a Simple Form with Text Boxes

Creating Check Boxes and Option Buttons

Add Option Buttons and a Check Box to a Form

Creating Menu Lists

Create a Drop-Down Menu List on a Form

Additional Input Types in HTML5 Understanding CGI and Other Advanced Tools Key Points

15. Incorporating Sound and Video

Understanding Audio and Video in HTML5 HTML Multimedia Basics

Multimedia Formats and Containers Codecs: Decoding the Video and Audio Which Format to Choose? Encoding Video

Encode a Video Clip with VLC Media Player

Embedding Video Clips

Introducing the <video> Tag The <embed> Tag: Your Fallback Plan Place a Video Clip on a Webpage

Add a Video Clip to a Webpage

Incorporating Audio on a Webpage

Playing Audio with the <audio> Tag Playing Audio in Older Browsers

Add an Audio Clip to a Webpage

Key Points

16. HTML and Microsoft Expression Web

Exploring the Expression Web Interface

View a Webpage in Expression Web

Creating Websites and Webpages

Start a New Website

Create a Page by Using a CSS Template

Create a Website Using a CSS Template

Insert Graphics

Import an Images Folder

Import an Images folder

Place Images on a Page

Insert Graphics

Add a Background Image to a Division

Formatting Text

Format Text

Formatting a Division

Format a Division

Inserting Hyperlinks

Insert Text and Graphical Hyperlinks

Key Points

IV. Appendices

A. Designing for Usability

Understanding Usability Planning for Usability Sketching the Site Organization Designing a Consistent Page Template Designing the Content of Individual Pages Performing Usability Testing

B. Designing for Accessibility

Guideline 1: Provide Equivalent Alternatives to Auditory and Visual Content Guideline 2: Don’t Rely on Color Alone Guideline 3: Use Markup and Style Sheets, and Do So Properly Guideline 4: Clarify Natural Language Usage Guideline 5: Create Tables that Transform Gracefully Guideline 6: Ensure Pages that Feature New Technologies Transform Gracefully Guideline 7: Ensure User Control of Time-Sensitive Content Changes Guideline 8: Ensure Direct Accessibility of Embedded User Interfaces Guideline 9: Design for Device Independence Guideline 10: Use Interim Solutions Guideline 11: Use W3C Technologies and Guidelines Guideline 12: Provide Context and Orientation Information Guideline 13: Provide Clear Navigation Mechanisms Guideline 14: Ensure that Documents are Clear and Simple

C. Quick Reference

Tags Added in HTML 5 Tags Removed in HTML 5

Glossary Index About the Author Copyright

← Prev
Back
Next →

← Prev
Back
Next →