Microsoft® HTML5 Step by Step

Microsoft® HTML5 Step by Step

by Faithe Wempen
Released January 2011
Publisher(s): Microsoft Press
ISBN: 9780735656543

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to live online training experiences, plus books, videos, and digital content from O’Reilly and nearly 200 trusted publishing partners.

Start your free trial

Book description

Experience learning made easy—and quickly teach yourself how to create Web pages with the HTML5 specification. With Step by Step, you set the pace—building and practicing the skills you need, just when you need them!

  • Use a division-based layout to structure your Web pages

  • Include menu bars and hyperlinks for clear navigation

  • Apply colors, font sizes, and other formatting with CSS

  • Add graphics, sound, and video to your pages

  • Use the Canvas tag to render visual images on the fly

  • Build user-input forms with buttons, boxes, and menus

    • Your Step by Step digital content includes:

  • All the book's practice files—ready to download and put to work. See "Using the Practice Files," inside.

  • Fully searchable online edition of this book—with unlimited access on the Web. Free online account required; see inside book.

    •

    Table of contents

    1. Dedication
    2. Acknowledgments
    3. Introduction
      1. How to Access Your Online Edition Hosted by Safari
      2. How to Download the Online Edition to Your Computer
    4. What Is HTML?
      1. Understanding HTML Tags
      2. Understanding Cascading Style Sheets
      3. Why Learn HTML in Notepad?
      4. Choosing an HTML Version
      5. Why Code in HTML5?
      6. Minimum System Requirements
    5. Using the Practice Files
    6. Getting Help
      1. Getting Help with This Book
    7. Conventions and Features in This Book
      1. What Next?
    8. 1. Getting Started with HTML
      1. 1. Editing and Viewing HTML Files
        1. Opening a Web Page in Notepad
          1. Adding the Data File Location to the Favorites List
          2. Opening a File from Windows Explorer
        2. Previewing a Web Page in a Web Browser
        3. Making, Saving, and Viewing Changes
        4. Key Points
      2. 2. Setting Up the Document Structure
        1. Specifying the Document Type
        2. Creating the HTML, Head, and Body Sections
        3. Creating Paragraphs and Line Breaks
        4. Specifying a Page Title and Metatags
        5. Publishing a File to a Server
        6. Key Points
      3. 3. Formatting Text by Using Tags
        1. Creating Headings
        2. Applying Bold and Italic Formatting
        3. Applying Superscript and Subscript Formatting
        4. Using Monospace and Preformatted Text
        5. Formatting a Block Quotation
        6. Configuring View Settings in Internet Explorer
        7. Key Points
      4. 4. Using Lists and Backgrounds
        1. Creating Bulleted and Numbered Lists
          1. Nesting Lists
          2. Changing the Bullet or Number Character
          3. Specifying the Start of a Numbered List
        2. Creating Definition Lists
        3. Inserting Special Characters
        4. Inserting Horizontal Lines
        5. Choosing Background and Foreground Colors
          1. Specifying Colors
          2. Applying a Background Color
          3. Applying a Foreground Color
        6. Specifying a Background Image File
        7. Key Points
      5. 5. Creating Hyperlinks and Anchors
        1. Hyperlinking to a Web Page
          1. Using Partial Paths and Filenames
          2. Using Relative and Absolute Paths
          3. Setting a Target Window
        2. Hyperlinking to an E-Mail Address
        3. Creating and Hyperlinking to Anchors
        4. Hyperlinking to Other Content
        5. Key Points
    9. 2. Style Sheets and Graphics
      1. 6. Introduction to Style Sheets
        1. Understanding Styles
        2. Constructing Style Rules
        3. Creating Styles for Nested Tags
        4. Creating Classes and IDs for Applying Styles
        5. Applying Styles to Hyperlinks
        6. Creating and Linking to External Style Sheets
        7. Key Points
      2. 7. Formatting Text by Using Style Sheets
        1. Specifying a Font Family
        2. Specifying a Font Size and Color
        3. Applying Bold and Italics
        4. Applying Strikethrough and Underlining
        5. Creating Inline Spans
        6. Adjusting Spacing Between Letters
        7. Key Points
      3. 8. Formatting Paragraphs by Using Style Sheets
        1. Indenting Paragraphs
        2. Applying a Border to a Paragraph
          1. Specifying a Border Style
          2. Setting Border Padding
          3. Specifying Border Width and Color
          4. Formatting Border Sides Individually
          5. Setting All Border Attributes at Once
        3. Specifying the Horizontal Alignment of a Paragraph
        4. Specifying Vertical Space within a Paragraph
        5. Key Points
      4. 9. Displaying Graphics
        1. Selecting a Graphics Format
        2. Preparing Graphics for Web Use
        3. Inserting Graphics
        4. Arranging Elements on the Page
        5. Controlling Image Size and Padding
        6. Hyperlinking from Graphics
        7. Using Thumbnail Graphics
        8. Including Alternate Text for Graphics
        9. Adding Figure Captions
        10. Key Points
    10. 3. Page Layout and Navigation
      1. 10. Creating Navigational Aids
        1. Planning Your Site’s Organization
        2. Creating a Text-Based Navigation Bar
        3. Creating a Graphical Navigation Bar
        4. Creating an Image Map
        5. Redirecting to Another URL
        6. Key Points
      2. 11. Creating Division-Based Layouts
        1. Understanding HTML5 Semantic Tags
        2. Beginning to Think in Divisions
        3. Creating Divisions
        4. Creating an HTML5 Semantic Layout
        5. Positioning Divisions
          1. Floating a Division to the Right or Left
          2. Positioning a Division on the Page
        6. Formatting Divisions
        7. Key Points
      3. 12. Creating Tables
        1. Creating a Simple Table
        2. Specifying the Size of a Table
        3. Specifying the Width of a Column
        4. Merging Table Cells
        5. Using Tables for Page Layout
        6. Key Points
      4. 13. Formatting Tables
        1. Applying Table Borders
          1. Applying Borders by Using Attributes
          2. Applying Borders by Using Styles
        2. Applying Background and Foreground Fills
        3. Changing Cell Padding, Spacing, and Alignment
          1. Setting Cell Padding
          2. Setting Cell Spacing
          3. Setting Horizontal and Vertical Alignment
        4. Key Points
      5. 14. Creating User Forms
        1. Creating a Basic Form
          1. Creating a Text Box
          2. Special Field Types for E-Mail and Web Addresses
          3. Creating a Text Area
          4. Creating a Submit or Clear Button
          5. Adding Default or Placeholder Text
        2. Creating Check Boxes and Option Buttons
        3. Creating Lists
        4. Additional Input Types in HTML5
        5. Understanding CGI and Other Advanced Tools
        6. Key Points
      6. 15. Incorporating Sound and Video
        1. What’s New with Audio and Video in HTML5?
        2. HTML Multimedia Basics
          1. Multimedia Formats and Containers
          2. Codecs: Decoding the Video and Audio
          3. Which Format to Choose?
          4. File Size and Quality
          5. Encoding Video
        3. Embedding Video Clips
          1. Introducing the <video> Tag
          2. The <embed> Tag: Your Fallback Plan
          3. Placing a Video Clip on a Web Page
        4. Incorporating Audio on a Web Page
          1. Playing Audio with the <audio> Tag
          2. Playing Audio in Older Browsers
          3. Placing an Audio Clip on a Web Page
        5. Key Points
      7. 16. Including JavaScript and External Content
        1. Introducing the Canvas
        2. JavaScript, Briefly
          1. Including JavaScript on Your Web Page
          2. Your First JavaScript Web Page
        3. JavaScript Events and jQuery
          1. Obtaining jQuery
          2. Getting Ready for jQuery
          3. Selecting Elements with jQuery
          4. Calling Functions with JavaScript
          5. Responding to Events with jQuery and JavaScript
            1. Validating a Web Form with jQuery and JavaScript
        4. Using the HTML5 <canvas> Tag
        5. Including External Content in Web Pages
        6. Key Points
    11. 4. Other Ways to Create HTML Code
      1. 17. HTML and Microsoft Expression Web
        1. Exploring the Expression Web Interface
        2. Creating Web Sites and Web Pages
        3. Create a Page by Using a CSS Template
        4. Insert Graphics
          1. Import an Images Folder
          2. Place Images on a Page
          3. Add a Background Image to a Division
        5. Formatting Text
        6. Formatting a Division
        7. Inserting Hyperlinks
        8. Key Points
    12. 5. Appendixes
      1. A. Designing for Usability
        1. Understanding Usability
        2. Planning for Usability
        3. Sketching the Site Organization
        4. Designing a Consistent Page Template
        5. Designing the Content of Individual Pages
        6. Performing Usability Testing
      2. B. Designing for Accessibility
        1. Guideline 1: Provide Equivalent Alternatives to Auditory and Visual Content
        2. Guideline 2: Don’t Rely on Color Alone
        3. Guideline 3: Use Markup and Style Sheets, and Do So Properly
        4. Guideline 4: Clarify Natural Language Usage
        5. Guideline 5: Create Tables that Transform Gracefully
        6. Guideline 6: Ensure that Pages Featuring New Technologies Transform Gracefully
        7. Guideline 7: Ensure User Control of Time-Sensitive Content Changes
        8. Guideline 8: Ensure Direct Accessibility of Embedded User Interfaces
        9. Guideline 9: Design for Device Independence
        10. Guideline 10: Use Interim Solutions
        11. Guideline 11: Use W3C Technologies and Guidelines
        12. Guideline 12: Provide Context and Orientation Information
        13. Guideline 13: Provide Clear Navigation Mechanisms
        14. Guideline 14: Ensure that Documents are Clear and Simple
      3. C. Tags Added and Removed in HTML5
        1. Tags Added in HTML5
        2. Tags Removed in HTML5
    13. Glossary
    14. Index
    15. About the Author
    16. Copyright

    Product information

    • Title: Microsoft® HTML5 Step by Step
    • Author(s): Faithe Wempen
    • Release date: January 2011
    • Publisher(s): Microsoft Press
    • ISBN: 9780735656543