Table of Contents
Introduction
About this Book
Foolish Assumptions
Icons Used in This Book
Beyond the Book
Where to Go from Here
Part I: Getting Started with HTML and CSS on the Web
Chapter 1: An Overview of HTML and CSS on the Web
How and Where Web Pages Come to Life Online
HyperText
Content versus presentation
Web browsers
Getting to know Internet protocols
Understanding HTML and Its Versions
Different versions of HTML
Creating HTML markup
Building HTML documents
Understanding the Role of CSS
Different versions here, too . . .
Creating CSS markup
Dissecting a Simple Markup Example
Where’s the HTML?
Where’s the CSS?
A partnership of equals
Chapter 2: Meeting the Structure and Components of HTML
Like Any Language: Syntax and Rules
Color-coding the markup
Breaking down the elements
Adding Attributes to Your HTML
Examining Entities in Markup
Non-ASCII characters
Character codes
(Special) tag characters
Organizing Web Pages
Organizing HTML text
Complementing and enhancing text
Chapter 3: Creating and Viewing a Web Page
Before You Get Started
Creating a Page from Scratch
Step 0: Gather your tools
Step 1: Planning a simple design
Step 2: Writing some HTML
Step 3: Saving your page
Step 4: Viewing your page
Editing an Existing Web Page
Posting Your Page Online
Part II: Getting the Structure and Text Right
Chapter 4: HTML Documents Need Good Structure
Establishing a Document Structure
HTML Document Organization Revisited
HTML DOCTYPE Starts Things Off
The <html> Element
Anatomy of the <head>
Meeting the <head> himself
Handling metadata with <meta>
Redirecting users to another page
Naming your page with a <title>
The <body> Is a BIG Container
Chapter 5: Text and Lists
Formatting Text
Paragraphs
Headings
Controlling Text Blocks
Block quotes
Preformatted text
Horizontal rules
Organizing Information
Numbered lists
Bulleted lists
Definition lists
Nesting lists
Chapter 6: Tip-Top Tables in HTML
How <table> Got a Bad Name in HTML
What’s in a Table? LOTS of Markup
Setting Up a Table Border
The Table Head (<thead>) and Its Elements
Managing Table Layouts
Making Good Table Bodies
Shaping a solid table
Sitting at the Footer of the Table
Exploring and Explaining a Table
Oh caption, my caption
Is the header dead yet?
Marching through the table body
Finishing with the footer
Chapter 7: Working with Forms in HTML
Exploring Types of Web Forms
Search forms
Data collection forms
Creating Forms
Structure
Input tags
Input fields
Form validation
Processing Data
Processing forms on your pages
Designing User-Friendly Forms
Other Noteworthy Forms-Related Markup
Form Frameworks
Part III: Adding Links, Images, and Other Media
Chapter 8: Getting Hyper with Links in HTML
Basic Links 101
Exploring link options
Avoiding common mistakes
Customizing Links
Opening new windows
Specifying locations in web pages
Linking to non-HTML resources
Chapter 9: Working with Images in HTML
The Role of Images in a Web Page
Creating Web-Friendly Images
Adding an Image to a Web Page
Image location
Using the <img> element
Adding alternative and title text
Specifying image size
Image borders and alignment
Images That Link
Triggering links
Building image maps
Chapter 10: Managing Media and More in HTML
The Battle of the Media Formats
Meet the major audio formats
Meet the major video formats
Comparing Traditional and HTML5 Media Handling
Mastering HTML5 Media Markup
Making beautiful music with audio
Moving media with video
Undergoing the conversion experience
Working with Web Page Controls
Displaying a meter bar
Tracking progress on activities
Tracking and reporting on time
Updating HTML5 controls
Part IV: Adopting CSS Style
Chapter 11: Advantages of Style Sheets
Advantages of Style Sheets
The four steps to style
Understanding the C in CSS
What CSS can do for a web page
Styling a Document with CSS
Using HTML5 Boilerplate
Normalize before you stylize
What you can do with CSS
Putting CSS in Its Place
Pixels, points, and dots — Oh my!
Understanding the viewport
Property measurement values
About the CSS3 Standard
Chapter 12: CSS Structure and Syntax
Exploring CSS Structure and Syntax
Selectors and declarations
The selectors
Chapter 13: Using Different Kinds of Style Sheets
Applying Inline Styles
Getting to Know Internal Style Sheets
Understanding the <style> element
Figuring out internal style sheet scope
Working with External Style Sheets
CSS files
Link element attributes
Importing and when to use @import
Part V: Enhancing Your Pages’ Look and Feel
Chapter 14: Managing Layout and Positioning
Managing Layout
Tiny boxes
Block versus inline elements
Normal flow
Managing Positioning
About coordinates and offsets
Relative positioning
Absolute positioning
Floating
Using a Layout Generator
Chapter 15: Building with Boxes, Borders, and Buttons
Meeting the Box Model
Putting the Box Model into Practice
Specifying padding and margin widths
Adding borders
Aligning text
Indenting text
Creating buttons with CSS
Chapter 16: Using Colors and Backgrounds
Defining Color Values
Color names
Color numbers
Defining Color Definitions
Text
Links
Backgrounds
Advanced backgrounds
Chapter 17: Web Typography
Finding Out about Fonts
Font family
Sizing
Trying Out Text Treatments
Embolden with bold
Emphasizing with italic
Changing capitalization
Getting fancy with the text-decoration property
Checking Out the Catchall Font Property
Experimenting with Web Fonts
Font file formats
Finding fonts
Linking fonts
Using Google Fonts
Chapter 18: CSS Text and Shadow Effects
Creating Shadows
text-shadow
box-shadow
Creating Inset Text
Creating 3D Text
Creating a Letterpress Effect
Drop Shadows
Text Rotation
Chapter 19: Multimedia and Animation with CSS
Using CSS with Multimedia
Visual media styles
Paged media styles
Getting Animated
Using the animation properties
Creating animations with @keyframes
Animating color
Part VI: The Part of Tens
Chapter 20: Ten Keys to Mobile Web Design
Design for Different Mobile Devices
Design for People
Design for Small Screens
Design for Low Bandwidth
Design for Touch
Design for Distracted Surfers
Test on Many Mobile Devices
Design for Simplicity
Set Up Mobile Web Addresses
Include a Link to the Desktop Site
Chapter 21: Ten HTML Do’s and Don’ts
Don’t Lose Sight of Your Content
Do Structure Your Documents and Your Site
Do Make the Most from the Least
Do Build Attractive Pages
Don’t Lose Track of Those Tags
Do Avoid Browser Dependencies
Don’t Make It Hard to Navigate Your Wild and Woolly Web
Don’t Think Revolution, Think Evolution
Don’t Get Stuck in the Two-Dimensional-Text Trap
Don’t Let Inertia Overcome You
Chapter 22: Ten Ways to Kill Web Bugs Dead
Make a List and Check It — Twice
Master Text Mechanics
Lack of Live Links — a Lousy Legacy
When Old Links Must Linger
Make Your Content Mirror Your World
Look for Trouble in All the Right Places
Cover All the Bases with Peer Reviews
Use the Best Tools of the Testing Trade
Schedule Site Reviews
Foster User Feedback
If You Give to Them, They’ll Give to You!
Chapter 23: Ten Cool HTML Tools and Technologies
WYSIWYG HTML Editors
Dreamweaver
Other WYSIWYG editors
Helper HTML Editors
Aptana Studio
Other helper editors
Inexpensive Graphics Editors
Professional Graphics Editors
Adobe Photoshop
Adobe Fireworks
W3C Link Checker
Other Link Checkers
HTML Validators
FTP Clients
Miscellaneous Helpful Web Tools
Part VII: Appendixes
Appendix A: Twitterati
Appendix B: About the Dummies HTML Website
The dashboard
Appearance and themes
Pages and posts
HTML5 Cafe
The home page
About Us
The Menu
Contact Us