Title Page
Copyright Page
Contents at a Glance
Table of Contents
Foreword
About the Authors
About the Technical Reviewer
Acknowledgments
Introduction
Who This Book Is For
How This Book Is Structured
Conventions Used in This Book
Downloading the Code
Contacting the Authors
CHAPTER 1 Getting Started
Introducing the Internet and the World Wide Web
What Is HTML?
The Evolution of HTML
One Language, Many Versions
One Version, Three Flavors
Validating Your Documents
Separating Content from Presentation
Working with XHTML and CSS
Choosing an HTML Editor
Choosing a Web Browser
Hosting Your Web Site
Introducing the URL
The Components of a URL
Absolute and Relative URLs
Summary
CHAPTER 2 XHTML and CSS Basics
The Parts of Markup: Tags, Elements, and Attributes
Block-Level and Inline Elements
Nesting Elements
White Space
Standard Attributes
Core Attributes
Internationalization Attributes
Focus Attributes
Adding Comments
The XHTML Document
The Doctype
Doctype Switching: Compliance Mode vs. Quirks Mode
The html Element
Required Attributes
Optional Attributes
Standard Attributes
And the Rest . . .
The Document Tree
CSS Fundamentals
Anatomy of a CSS Rule
CSS Selectors
Universal Selector
Element Selector
Class Selector
ID Selector
Pseudo Class Selector
Descendant Selector
Combining Selectors
Grouping Selectors
Advanced Selectors
Specificity and the Cascade
Attaching Style Sheets to Your Documents
Inline Styles
Embedded Style Sheets
External Style Sheets
The Cascade Order
!important
Formatting CSS
CSS Comments
Summary
CHAPTER 3 Moving A
The head Section
head
Required Attributes
Optional Attributes
Standard Attributes
Usage
The Supporting Elements
base
Required Attributes
Optional Attributes
Standard Attributes
Usage
link
Required Attributes
Optional Attributes
Standard Attributes
Usage
meta
Required Attributes
Optional Attributes
Standard Attributes
Usage
script
Required Attributes
Optional Attributes
Standard Attributes
Usage
style
Required Attributes
Optional Attributes
Standard Attributes
Usage
title
Required Attributes
Optional Attributes
Standard Attributes
Usage
Summary
CHAPTER 4 Adding Content
Content and Structure
A beautiful
body
Required Attributes
Optional Attributes
Standard Attributes
Meaningful Portions
p
Required Attributes
Optional Attributes
Standard Attributes
Headings: h1, h2, h3, h4, h5, and h6
Required Attributes
Optional Attributes
Standard Attributes
blockquote
Required Attributes
Optional Attributes
Standard Attributes
address
Required Attributes
Optional Attributes
Standard Attributes
pre
Required Attributes
Optional Attributes
Standard Attributes
Lists
ul
Required Attributes
Optional Attributes
Standard Attributes
ol
Required Attributes
Optional Attributes
Standard Attributes
li
Required Attributes
Optional Attributes
Standard Attributes
Definition Lists
dl
Required Attributes
Optional Attributes
Standard Attributes
dt
Required Attributes
Optional Attributes
Standard Attributes
dd
Required Attributes
Optional Attributes
Standard Attributes
Phrase Elements
em
Required Attributes
Optional Attributes
Standard Attributes
strong
Required Attributes
Optional Attributes
Standard Attributes
cite
Required Attributes
Optional Attributes
Standard Attributes
q
Required Attributes
Optional Attributes
Standard Attributes
dfn
Required Attributes
Optional Attributes
Standard Attributes
Abbreviations: abbr and acronym
Required Attributes
Optional Attributes
Standard Attributes
Revising Documents: del and ins
Required Attributes
Optional Attributes
Standard Attributes
bdo
Required Attributes
Optional Attributes
Standard Attributes
Programming: code, kbd, samp, and var
Required Attributes
Optional Attributes
Standard Attributes
br
Required Attributes
Optional Attributes
Standard Attributes
hr
Required Attributes
Optional Attributes
Standard Attributes
Multipurpose Elements
div
Required Attributes
Optional Attributes
Standard Attributes
span
Required Attributes
Optional Attributes
Standard Attributes
Embedding External Content
object
Required Attributes
Optional Attributes
Standard Attributes
param
Required Attributes
Optional Attributes
Standard Attributes
Presentational Elements
i and b
big and small
tt
sup and sub
Special Characters
Styling Content with CSS
Declaring Base Font Styles
Font Family
Font Size
Line Height
Styling Lists
Changing Unordered List Markers
Using an Image As a List Marker
Changing the Style of Ordered Lists
Summary
CHAPTER 5 Using Images
How Digital Images Work
Web-Friendly Image Formats
JPEG
GIF
PNG
Including Images in Your Content
img
Required Attributes
Optional Attributes
Standard Attributes
The alt Attribute
longdesc
width and height
usemap and ismap
Deprecated Presentational Attributes
Images in Context
Wrapping Text Around an Image
Background Images
Positioning a Background Image
Summary
CHAPTER 6 Linking to the Web
The Anchor Tag
a
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
Using the a Element
Linking to Other Documents
Linking to Non-XHTML Documents
Linking to E-Mail Addresses
Using an Image As a Link
Using IDs
Adding CSS to the Anchor Tag
Creating Image Maps
map
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
area
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
Usage
Summary
CHAPTER 7 Using Tables
The Basics of Tables
table
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
tr
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
td
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
Coding a Basic Table
caption
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
Usage
th
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
Advanced Use of Tables
tbody
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
thead
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
tfoot
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
Usage
colgroup
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
col
Required Attributes
Optional Attributes
Standard Attributes
Event Attributes
Usage
Using CSS to Add Style to Your Tables
Adding Borders
Aligning Text in a Table
Adding Padding to Cells
Adding Backgrounds to Tables
Summary
CHAPTER 8 Building Forms
How Forms Work
The Components of a Form
form
Required Attributes
Optional Attributes
Standard Attributes
input
Required Attributes
Optional Attributes
Standard Attributes
input type="text"
input type="password"
input type="checkbox"
input type="radio"
input type="file"
input type="submit"
input type="reset"
input type="button"
input type="image"
input type="hidden"
button
Required Attributes
Optional Attributes
Standard Attributes
select
Required Attributes
Optional Attributes
Standard Attributes
option
Required Attributes
Optional Attributes
Standard Attributes
optgroup
Required Attributes
Optional Attributes
Standard Attributes
textarea
Required Attributes
Optional Attributes
Standard Attributes
Structuring Forms
fieldset
Required Attributes
Optional Attributes
Standard Attributes
legend
Required Attributes
Optional Attributes
Standard Attributes
label
Required Attributes
Optional Attributes
Standard Attributes
Styling Forms with CSS
Removing the Border from Field Sets
Aligning Labels
Changing the Typeface in Form Controls
Summary
CHAPTER 9 Adding Style to Your Documents: CSS
Using External Style Sheets
Units of Measure
Layout
Containers
Margins
Borders
Padding
Container Sizing and Flow
Positioning a Container
Static Positioning
Relative Positioning
Absolute Positioning
Fixed Positioning
Float Positioning
Setting the Order of Containers
Backgrounds
Styling Text
Media Types
Compatibility
Summary
CHAPTER 10 Client-Side Scripting Basics
What Is Scripting?
Placement of JavaScript
JavaScript, the Language
JavaScript Syntax Rules
Comments
Capitalization
Statements and White Space
Variables
Operators and Expressions
Statements
Expressions
Conditional Statements
Looping
The for Loop
The while Loop
Functions
Arrays
Advanced Topics
Handling Events
The DOM
Form Validation
Summary
CHAPTER 11 Putting It All Together
Introducing Our Case Study: Spaghetti & Cruft
The Design Process
Step 1: Defining Goals
Step 2: Contemplating Architecture
Step 3: Arranging the Template
Step 4: Creating the Design
Step 5: Assembling the Website
Step 6: Testing
Building Spaghetti & Cruft
Setting Up the Document
Marking Up the Masthead
Marking Up the Main Content Area
Marking Up the Navigation
Marking Up the Tag Line and Footer
The Completed Template
Designing Spaghetti & Cruft with CSS
Styling the Page Body
Fixed or Liquid?
Centering the Page with Margins
Shorthand for Fonts
Shorthand for Colors
Styling Links
Styling the Masthead
Absolutely Relative
Compensating for Missing Images
Laying Out the Page
Clearing Floats
Styling the Navigation
Background Bullets
Styling the Footer
Assembling the Pages
The Menu Page
Styling the Menu Tables
Updating the Navigation
The Reviews Page
The Contact Page
Summary
APPENDIX A XHTML 1.0 Strict Reference
APPENDIX B Color Names and Values
Colors Sorted by Name
Colors Sorted by Group
Colors Sorted by Depth
APPENDIX C Special Characters
APPENDIX D CSS Browser Support
Background
Border
Classification
Dimension
Font
List
Margin
Outline
Padding
Positioning
Pseudo Classes
Pseudo Elements
Table
Text
Index