;Praise for Head First HTML and CSS;More Praise for Head First HTML and CSS;Praise for other books by Eric Freeman and Elisabeth Robson;Authors of Head First HTML and CSS;How to Use This Book: Intro; Who is this book for?; We know what you''re 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 (first edition); Acknowledgments (first edition)The large number of acknowledgments is because we''re testing the theory that everyone mentioned in a book acknowledgment will buy at least one copy, probably more, what with relatives and everything. If you''d like to be in the acknowledgment of our next book, and you have a large family, write to us.; Tech reviewers (second edition); Acknowledgments (second edition); Safari® Books Online;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 Take 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 Understanding attributes; 2.5 Getting organized; 2.6 Organizing the lounge.; 2.

7 Technical difficulties; 2.8 Planning your paths.; 2.9 Fixing those broken images.;Chapter 3: Building Blocks: Web Page Construction; 3.1 From journal to website, at 12 mph; 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 theelement; 3.8 Looooong quotes; 3.9 Adding a; 3.10 The real truth behind theand mystery; 3.11 Meanwhile, back at Tony''s site.

; 3.12 Of course, you could use the element to make a list.; 3.13 Constructing HTML lists in two easy steps; 3.14 Taking a test drive through the cities; 3.15 Putting one element inside another is called "nesting"; 3.16 To understand the nesting relationships, draw a picture; 3.17 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 HTTP?; 4.11 What''s an absolute path?; 4.12 How default pages work; 4.13 How do we link to other websites?; 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 id attribute to create a destination for ; 4.20 How to link to elements with ids; 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 You''ve resized--now save; 5.13 Save the image; 5.

14 Fixing up the myPod HTML; 5.15 And now for the test drive.; 5.16 More photos for myPod; 5.17 Taking myPod for another test drive; 5.18 Reworking the site to use thumbnails; 5.19 Create the thumbnails; 5.20 Rework the HTML to use the thumbnails; 5.

21 Take myPod for another test drive; 5.22 Turning the thumbnails into links; 5.23 Create individual pages for the photos; 5.24 So, how do I make links out of images?; 5.25 Add the image links to "index.html"; 5.26 Open the myPod logo; 5.27 What format should we use?; 5.

28 To be transparent, or not to be transparent? That is the question.; 5.29 Save the transparent PNG; 5.30 Wait, what is the color of the web page background?; 5.31 Set the matte color; 5.32 Check out the logo with a matte; 5.33 Save the logo; 5.34 Add the logo to the myPod web page; 5.

35 And now for the final test drive;Chapter 6: Standards and All that Jazz: Getting Serious with HTML; 6.1 A Brief History of HTML; 6.2 The new, and improved, HTML5 doctype; 6.3 HTML, the new "living standard"; 6.4 Adding the document type definition; 6.5 The doctype test drive; 6.6 Meet the W3C validator; 6.7 Validating the Head First Lounge; 6.

8 Houston, we have a problem.; 6.9 Fixing that error; 6.10 We''re almost there.; 6.11 Adding a meta tag to specify the character encoding; 6.12 Making the validator (and more than a few browsers) happy with a tag.; 6.

13 Third time''s the charm?; 6.14 Calling all HTML professionals, grab the handbook.;Chapter 7: Getting Started with CSS: Adding a Little Style; 7.1 You''re not in Kansas anymore; 7.2 Overheard on Webville''s "Trading Spaces"; 7.3 Using CSS with HTML; 7.4 Wanna add more style?; 7.5 Getting CSS into your HTML; 7.

6 Adding style to the lounge; 7.7 Cruising with style: the test drive; 7.8 Style the heading; 7.9 Let''s put a line under the welcome message too; 7.10 We have the technology: specifying a second rule, just for the h1; 7.11 So, how do selectors really work?; 7.12 Seeing selectors visually; 7.13 Getting the lounge style into the elixirs and directions pages; 7.

14 Creating the "lounge.css" file; 7.15 Linking from "lounge.html" to the external stylesheet; 7.16 Linking from "elixir.html" and "directions.html" to the external stylesheet; 7.17 Test driving the entire lounge.

; 7.18 It''s time to talk about your inheritance.; 7.19 What if we move the font up the family tree?; 7.20 Test drive your new CSS; 7.21 Overriding inheritance; 7.22 Test drive; 7.23 Adding an element to the greentea class; 7.

24 Creating a class selector; 7.25 A greentea test drive; 7.26 Taking classes further.; 7.27 The world''s smallest and fastest guide to how styles are applied; 7.28 Making sure the lounge CSS validates;Chapter 8: Styling with Fonts and Colors: Expanding Your Vocabulary; 8.1 Text and fonts from 30,000 feet; 8.2 What is a font family anyway?; 8.

3 Specifying font families using CSS; 8.4 How font-family specifications work; 8.5 Dusting off Tony''s journal; 8.6 Getting Tony a new font-family; 8.7 Test driving Tony''s new fonts; 8.8 How do I deal with everyone having different fonts?; 8.9 How Web Fonts work; 8.10 How to add a Web Font to your page.

; 8.11 Test drive the Web Font in Tony''s journal; 8.12 Adjusting font sizes; 8.13 So, how should I specify my font sizes?; 8.14 Let''s make these changes to the font sizes in Tony''s web page; 8.15 Test driving the font sizes; 8.16 Changing a font''s weight; 8.17 Test drive the normal-weight headings; 8.

18 Adding style to your fonts; 8.19 Styling Tony''s quotes with a little italic; 8.20 How do web colors work?; 8.21 How do I specify web colors? Let me count the ways.; 8.22 The two-minute guide to hex codes; 8.23 How to find web colors; 8.24 Back to Tony''s page.

we''re going to make the headings orange, and add an underline too; 8.25 Test drive Tony''s orange headings; 8.26 Everything you ever wanted to know about text decorations in less than one page; 8.27 Removing the underline.;Chapter 9: The Box Model: Getting Intimate with Elements; 9.1 The lounge gets an upgrade; 9.2 The new and improved, ultra-stylish lounge; 9.3 Setting up the new lounge; 9.

4 Starting with a few simple upgrades; 9.5 A very quick test drive; 9.6 One more adjustment; 9.7 Checking out the new line height; 9.8 Getting ready for some major renovations; 9.9 A closer look at the box model; 9.10 What you can do to boxes; 9.11 Meanwhile, back at the lounge.

; 9.12 Creating the guarantee style; 9.13 A test drive of the paragraph border; 9.14 Padding, border, and margins for the guarantee; 9.15 Adding some padding; 9.16 A test drive with some padding; 9.17 Now let''s add some margin; 9.18 A test drive with the margin; 9.

19 Adding a background image; 9.20 Test driving the background image; 9.21 Fixing the background image; 9.22 Another test drive of the background image; 9.23 How do you add padding only on the left?; 9.24 Are we there yet?; 9.25 How do you increase the margin just on the right?; 9.26 A two-minute guide to borders; 9.

27 Border fit and finish; 9.28 Congratulations!; 9.29 The id attribute; 9.30 But how do I use id in CSS?; 9.31 Using an id in the lounge; 9.32 Remixing stylesheets; 9.33 Using multiple stylesheets; 9.34 Stylesheets--they''re not just for desktop browsers anymore.

; 9.35 Add media queries right into your CSS;Chapter 10: Divs and Spans: Advanced Web Construction; 10.1 A close look at the elixirs HTML; 10.2 Let''s explore how we can divide a page into logical sections; 10.3 Meanwhile, back at the lounge.; 10.4 Taking the for a test drive; 10.5 Adding a border; 10.

6 An over-the-border test drive; 10.7 Adding some real style to the elixirs section; 10.8 The game plan; 10.9 Working on the elixir width; 10.10 Test driving the width; 10.11 Adding the basic styles to the elixirs; 10.12 Test driving the new styles; 10.13 We''re almost there.

; 10.14 What are we trying to do?; 10.15 What we need is a way to select descendants; 10.16 Changing the color of the elixir headings; 10.17 A quick test drive.; 10.18 Fixing the line height; 10.19 Look what you''ve accomplished.

; 10.20 It''s time to take a little short.