HTML Training - Level 1

Section 1.1. The Web killed the radio star
Section 1.2. What does the Web server do?
Section 1.3. What does the Web browser do?
Section 1.4. What you write (the HTML)...
Section 1.5. What the browser creates...
Section 1.6. there are no Dumb Questions
Section 1.7. Your big break at Starbuzz Coffee
Section 1.8. Creating the Starbuzz Web page
Section 1.9. Creating an HTML file (Mac)
Section 1.10. Creating an HTML file (Windows)
Section 1.11. there are no Dumb Questions
Section 1.12. Meanwhile, back at Starbuzz Coffee...
Section 1.13. Saving your work...
Section 1.14. Opening your Web page in a browser
Section 1.15. Taking your page for a test drive...
Section 1.16. Markup Magnets
Section 1.17. 1st Congratulations, you've just written your first HTML!
Section 1.18. Are we there yet?
Section 1.19. Another test drive...
Section 1.20. Tags dissected...
Section 1.21. there are no Dumb Questions
Section 1.22. Meet the style element
Section 1.23. Giving Starbuzz some style...
Section 1.24. Cruisin' with style...
Section 1.25. Exercise
Section 1.26. Firside Chats
Section 1.27. HTML cross
Section 1.28. Markup Magnets Solution
Section 1.29. Exercise Solutions

Section 2.1. Head First Lounge , New and Improved
Section 2.2. Creating the new lounge
Section 2.3. What did we do?
Section 2.4. What does the browser do?
Section 2.5. Understanding attributes
Section 2.6. Getting organized
Section 2.7. Organizing the lounge...
Section 2.8. Technical difficulties
Section 2.9. Planning your paths...
Section 2.10. Fixing those broken images...
Section 2.11. HTMLcross
Section 2.12. The Relativity Grand Challenge Solution

Section 3.1. From Journal to Web site, at 12mph
Section 3.2. The rough design sketch
Section 3.3. From a sketch to an outline
Section 3.4. From the outline to a Web page
Section 3.5. Test driving Tony's Web page
Section 3.6. Adding some new elements
Section 3.7. Meet the <q> element
Section 3.8. ...and check out the test drive...
Section 3.9. Five-Minute Mystery: The Case of the Elements Separated at Birth
Section 3.10. Looooong Quotes
Section 3.11. Adding a <blockquote>
Section 3.12. Five-Minute Mystery Solved
Section 3.13. The real truth behind the >q< and >blockquote< mystery
Section 3.14. Fireside Chats
Section 3.15. Meanwhile, back at Tony's site...
Section 3.16. Of course, you could use the >p< element to make a list...
Section 3.17. Constructing HTML lists in two easy steps
Section 3.18. Taking a test drive through the cities
Section 3.19. Putting one element inside another is called "nesting"
Section 3.20. To understand the nesting relationships, draw a picture
Section 3.21. Using nesting to make sure your tags match
Section 3.22. So what?
Section 3.23. BE the Browser
Section 3.24. Who am I?
Section 3.25. Element Soup
Section 3.26. HTMLcross
Section 3.27. BE the Browser Solution
Section 3.28. Exercise Solutions: Who am I?

Section 4.1. Getting Starbuzz (or yourself) onto the Web
Section 4.2. Finding a hosting company
Section 4.3. HELLO, my domain name is...
Section 4.4. How can you get a domain name?
Section 4.5. Moving in
Section 4.6. Getting your files to the root folder
Section 4.7. As much FTP as you can possibly fit in two pages
Section 4.8. Back to business...
Section 4.9. Mainstreet, URL
Section 4.10. What is the HTTP Protocol?
Section 4.11. What's an Absolute Path?
Section 4.12. Behind the Scenes: How default pages work
Section 4.13. How do we link to other Web sites?
Section 4.14. Linking to Caffeine Buzz
Section 4.15. And now for the test drive...
Section 4.16. Five-Minute Mystery
Section 4.17. Web page fit and finish
Section 4.18. The title test drive...
Section 4.19. Linking into a page
Section 4.20. Using the <a> element to create a destination
Section 4.21. How to link to destination anchors
Section 4.22. Now that you've got your hands on their HTML...
Section 4.23. Reworking the link in "index.html"
Section 4.24. Five-Minute Mystery Solved
Section 4.25. Linking to a new window
Section 4.26. Opening a new window using target
Section 4.27. The Target Attribute Exposed
Section 4.28. HTMLcross

Section 5.1. How the browser works with images
Section 5.2. How images work
Section 5.3. <img>: it's not just relative links anymore
Section 5.4. Always provide an alternative
Section 5.5. Sizing up your images
Section 5.6. there are no Dumb Questions
Section 5.7. Creating the ultimate fan site: myPod
Section 5.8. Check out myPod's "index.html" file
Section 5.9. Whoa! The image is way too large
Section 5.10. Resize the image to fit in the browser
Section 5.11. Open the image
Section 5.12. Resizing the image
Section 5.13. Resizing the image, continued...
Section 5.14. You've resized — now save
Section 5.15. Save the image
Section 5.16. Fixing up the myPod HTML
Section 5.17. And now for the test drive...
Section 5.18. More photos for myPod
Section 5.19. Taking myPod for another test drive
Section 5.20. Reworking the site to use thumbnails
Section 5.21. Create the thumbnails
Section 5.22. Rework the HTML to use the thumbnails
Section 5.23. Take myPod for another test drive
Section 5.24. Turning the thumbnails into links
Section 5.25. Create individual pages for the photos
Section 5.26. So, how do I make links out of images?
Section 5.27. Add the image links to "index.html"
Section 5.28. Open the myPod logo
Section 5.29. What format should we use?
Section 5.30. To be transparent, or not to be transparent? That is the question...
Section 5.31. Save the transparent GIF
Section 5.32. Wait, what is the color of the Web page background?
Section 5.33. Set the matte color
Section 5.34. Set the matte color, continued
Section 5.35. Check out the logo with a matte
Section 5.36. Save the logo
Section 5.37. Add the logo to the myPod Web page
Section 5.38. And now for the final test drive
Section 5.39. HTMLcross

Section 6.1. A Brief History of HTML
Section 6.2. We can't have your pages putting the browser into Quirks Mode!
Section 6.3. Adding the document type definition
Section 6.4. The DOCTYPE test drive
Section 6.5. Meet the W3C validator
Section 6.6. Validating the Head First Lounge
Section 6.7. Houston, we have a problem...
Section 6.8. Fixing that error
Section 6.9. We're not there yet...
Section 6.10. Adding a <meta> tag to specify the content type
Section 6.11. Making the validator (and more than a few browsers) happy with a >meta< content tag...
Section 6.12. Third time's the charm?
Section 6.13. Changing the DOCTYPE to strict
Section 6.14. Do we have validation ?
Section 6.15. Fixing the nesting problem
Section 6.16. One more chance to be strict...
Section 6.17. Strict HTML 4.01, grab the handbook
Section 6.18. HTMLcross
Section 6.19. Solution

Section 7.1. What is XML ?
Section 7.2. What does this have to do with HTML?
Section 7.3. So why would you want to use XHTML?
Section 7.4. You're much closer to using XHTML than you might think
Section 7.5. Going from strict HTML to XHTML 1.0 in three steps
Section 7.6. there are no Dumb Questions
Section 7.7. Validation: it's not just for HTML
Section 7.8. Congratulations, you've just written your first XHTML!
Section 7.9. Fireside Chats
Section 7.10. HTML or XHTML? The choice is yours...
Section 7.11. Micro XHTMLcross
Section 7.12. Micro XHTMLcross Solution