;Praise for Head First HTML with CSS & XHTML;More Praise for Head First HTML with CSS & XHTML;Previous Praise for books by the authors;Authors of Head First HTML with CSS & XHTML;How to use This Book: Intro; Who is this book for?; We know what you''re thinking; And we know what your brain is thinking; Metacognition: thinking about thinking; Here''s what WE did; Here''s what YOU can do to bend your brain into submission; Read Me; Tech Reviewers;Chapter 1: Getting to Know HTML: The Language of the Web; 1.1 The Web Video killed the radio star; 1.2 What does the Web server do?; 1.3 What does the Web browser do?; 1.4 What you write (the HTML).; 1.5 What the browser creates.; 1.

6 Your big break at Starbuzz Coffee; 1.7 Creating the Starbuzz Web page; 1.8 Creating an HTML file (Mac); 1.9 Creating an HTML file (Windows); 1.10 Meanwhile, back at Starbuzz Coffee.; 1.11 Saving your work.; 1.

12 Opening your Web page in a browser; 1.13 Taking your page for a test drive.; 1.14 Are we there yet?; 1.15 Another test drive.; 1.16 Tags dissected.; 1.

17 Meet the style element; 1.18 Giving Starbuzz some style.; 1.19 Cruisin'' with style.;Chapter 2: Going Further, with Hypertext: Meeting the ''HT'' in HTML; 2.1 Head First Lounge, New and Improved; 2.2 Creating the new lounge; 2.3 What did we do?; 2.

4 What does the browser do?; 2.5 Understanding attributes; 2.6 Getting organized; 2.7 Organizing the lounge.; 2.8 Technical difficulties; 2.9 Planning your paths.; 2.

10 Fixing those broken images.;Chapter 3: Building Blocks: Web Page Construction; 3.1 From Journal to Web site, at 12mph; 3.2 The rough design sketch; 3.3 From a sketch to an outline; 3.4 From the outline to a Web page; 3.5 Test driving Tony''s Web page; 3.6 Adding some new elements; 3.

7 Meet the element; 3.8 .and check out the test drive.; 3.9 Looooong Quotes; 3.10 Adding a ; 3.11 The real truth behind the and mystery; 3.12 Meanwhile, back at Tony''s site.

; 3.13 Of course, you could use the element to make a list.; 3.14 Constructing HTML lists in two easy steps; 3.15 Taking a test drive through the cities; 3.16 Putting one element inside another is called "nesting"; 3.17 To understand the nesting relationships, draw a picture; 3.18 Using nesting to make sure your tags match;Chapter 4: Getting Connected: A Trip to Webville; 4.

1 Getting Starbuzz (or yourself) onto the Web; 4.2 Finding a hosting company; 4.3 HELLO, my domain name is.; 4.4 How can you get a domain name?; 4.5 Moving in; 4.6 Getting your files to the root folder; 4.7 As much FTP as you can possibly fit in two pages; 4.

8 Back to business.; 4.9 Mainstreet, URL; 4.10 What is the HTTP Protocol?; 4.11 What''s an Absolute Path?; 4.12 How default pages work; 4.13 How do we link to other Web sites?; 4.14 Linking to Caffeine Buzz; 4.

15 And now for the test drive.; 4.16 Web page fit and finish; 4.17 The title test drive.; 4.18 Linking into a page; 4.19 Using the element to create a destination; 4.20 How to link to destination anchors; 4.

21 Linking to a new window; 4.22 Opening a new window using target;Chapter 5: Adding Images to Your Pages: Meeting the Media; 5.1 How the browser works with images; 5.2 How images work; 5.3 : it''s not just relative links anymore; 5.4 Always provide an alternative; 5.5 Sizing up your images; 5.6 Creating the ultimate fan site: myPod; 5.

7 Check out myPod''s "index.html" file; 5.8 Whoa! The image is way too large; 5.9 Resize the image to fit in the browser; 5.10 Open the image; 5.11 Resizing the image; 5.12 Resizing the image, continued.; 5.

13 You''ve resized - now save; 5.14 Save the image; 5.15 Fixing up the myPod HTML; 5.16 And now for the test drive.; 5.17 More photos for myPod; 5.18 Taking myPod for another test drive; 5.19 Reworking the site to use thumbnails; 5.

20 Create the thumbnails; 5.21 Rework the HTML to use the thumbnails; 5.22 Take myPod for another test drive; 5.23 Turning the thumbnails into links; 5.24 Create individual pages for the photos; 5.25 So, how do I make links out of images?; 5.26 Add the image links to "index.html"; 5.

27 Open the myPod logo; 5.28 What format should we use?; 5.29 To be transparent, or not to be transparent? That is the question.; 5.30 Save the transparent GIF; 5.31 Wait, what is the color of the Web page background?; 5.32 Set the matte color; 5.33 Set the matte color, continued; 5.

34 Check out the logo with a matte; 5.35 Save the logo; 5.36 Add the logo to the myPod Web page; 5.37 And now for the final test drive;Chapter 6: Standards, Compliance, and all that Jazz: Serious HTML; 6.1 A Brief History of HTML; 6.2 We can''t have your pages putting the browser into Quirks Mode!; 6.3 Adding the document type definition; 6.4 The DOCTYPE test drive; 6.

5 Meet the W3C validator; 6.6 Validating the Head First Lounge; 6.7 Houston, we have a problem.; 6.8 Fixing that error; 6.9 We''re not there yet.; 6.10 Adding a tag to specify the content type; 6.

11 Making the validator (and more than a few browsers) happy with a content tag.; 6.12 Third time''s the charm?; 6.13 Changing the DOCTYPE to strict; 6.14 Do we have validation?; 6.15 Fixing the nesting problem; 6.16 One more chance to be strict.; 6.

17 Strict HTML 4.01, grab the handbook;Chapter 7: Moving to XHTML: Putting an ''X'' into HTML; 7.1 What is XML?; 7.2 What does this have to do with HTML?; 7.3 So why would you want to use XHTML?; 7.4 You''re much closer to using XHTML than you might think; 7.5 Going from strict HTML to XHTML 1.0 in three steps; 7.

6 Validation: it''s not just for HTML; 7.7 HTML or XHTML? The choice is yours.;Chapter 8: Getting Started with CSS: Adding a Little Style; 8.1 You''re not in Kansas anymore; 8.2 Overheard on Webville''s "Trading Spaces"; 8.3 Using CSS with XHTML; 8.4 Wanna add more style?; 8.5 Getting CSS into your XHTML; 8.

6 Adding style to the lounge; 8.7 Cruising with style: the test drive; 8.8 Style the heading; 8.9 Let''s put a line under the welcome message too; 8.10 We have the technology: specifying a second rule, just for the ; 8.11 So, how do selections really work?; 8.12 Seeing selectors visually; 8.13 Getting the Lounge style into the elixirs and directions pages; 8.

14 Creating the "lounge.css" file; 8.15 Linking from "lounge.html" to the external style sheet; 8.16 Linking from "elixir.html" and "directions.html" to the external style sheet; 8.17 Test driving the entire lounge.

; 8.18 It''s time to talk about your inheritance.; 8.19 What if we move the font up the family tree?; 8.20 Test drive your new CSS; 8.21 Overriding inheritance; 8.22 Test drive; 8.23 Adding a class to "elixir.

html"; 8.24 Creating a selector for the class; 8.25 A greentea test drive; 8.26 Taking classes further.; 8.27 The world''s smallest & fastest guide to how styles are applied; 8.28 Making sure the Lounge CSS validates;Chapter 9: Styling with Fonts and Colors: Expanding your Vocabulary; 9.1 Text and fonts from 30,000 feet; 9.

2 What is a font family anyway?; 9.3 Specifying font families using CSS; 9.4 How font-family specifications work; 9.5 Dusting off Tony''s Journal; 9.6 Getting Tony a new font-family; 9.7 Test driving Tony''s new fonts; 9.8 How do I deal with everyone having different fonts?; 9.9 Adjusting font sizes; 9.

10 So, how should I specify my font sizes?; 9.11 Let''s make these changes to the font sizes in Tony''s Web page; 9.12 Test driving the font sizes; 9.13 Changing a font''s weight; 9.14 Test drive the normal weight headings; 9.15 Adding style to your fonts; 9.16 Styling Tony''s quotes with a little italic; 9.17 How do Web colors work?; 9.

18 How do I specify Web colors? Let me count the ways.; 9.19 The two minute guide to hex codes; 9.20 How to find Web colors; 9.21 Back to Tony''s page. We''re going to make the headings orange, and add an underline too; 9.22 Test drive Tony''s orange headings; 9.23 Everything you ever wanted to know about text-decorations in less than one page; 9.

24 Removing the underline.;Chapter 10: The Box Model: Getting Intimate with Elements; 10.1 The lounge gets an upgrade; 10.2 The new and improved, ultra-stylish lounge; 10.3 Setting up the new lounge; 10.4 Starting with a few simple upgrades; 10.5 A very quick test drive; 10.6 One more adjustment; 10.

7 Checking out the new line height; 10.8 Getting ready for some major renovations; 10.9 A closer look at the box model; 10.10 What you can do to boxes; 10.11 Meanwhile back at the lounge.; 10.12 Creating the guarantee style; 10.13 A test drive of the paragraph border; 10.

14 Padding, border, and margins for the guarantee; 10.15 Adding some padding; 10.16 A test drive with some padding; 10.17 Now let''s add some margin; 10.18 A test drive with the margin; 10.19 Adding a background image; 10.20 Test driving the background image; 10.21 Fixing the background image; 10.

22 Another test drive of the background image; 10.23 How do you add padding only on the left?; 10.24 Are we there yet?; 10.25 How do you increase the margin just on the right?; 10.26 A two-minute guide to borders; 10.27 Border fit and finish; 10.28 Congratulations!; 10.29 The id attribute; 10.

30 But how do I use id in CSS?; 10.31 Using an id in the lounge; 10.32 Remixing style sheets; 10.33 Using multiple style sheets; 10.34 Style sheets - they''re not just for desktop browsers anymore.;Chapter 11: Divs and Spans: Advanced Web Construction; 11.1 A close look at the elixirs XHTML; 11.2 Let''s explore how we can divide a page into logical sections; 11.

3 Meanwhile, back at the lounge.; 11.4 Taking the for a test drive; 11.5 Adding a border; 11.6 An over-the-border test drive; 11.7 Adding some real style to the elixirs section; 11.8 The game plan; 11.9 Working on the elixir width; 11.

10 Test driving the width; 11.11 Adding the basic styles to the elixirs; 11.12 Test driving the new styles; 11.13 We''re almost there.; 11.14 What are we trying to do?; 11.15 What we need is a way to select descendants; 11.16 Changing the color of the el.