Hjem

;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