深入浅出HTML与CSS、XHTML（英文影印版） (低价优惠)

　　在你成为一名行家之后，阅读html书籍给你的唯一感受就是厌烦吗？那么现在就是你拿起《深入浅出html与css、xhtml》来真正学习html的时候了。这本书展示了学习创建符合工业标准的web页面的完整历程——然而，除了阅读，你还会玩游戏、拼图、解谜题以及以你从未想象过的方式创建web页面。并且，你还将学习html如何与css一起工作。哦，如果你从未听说过css，没关系——我们不会告诉其他人你仍然停留在上个世纪末，但是，如果你要创建本世纪的web页面，那么，你应该了解和熟悉css。
　　 《深入浅出html与css、xhtml》能让你避免认为web-safe颜色还是紧要问题的尴尬，以及不明智地把标记放入你的页面。最大的好处是，你将毫无睡意地学习html、xhtml 和css。如果你曾经读过深入浅出（head first）系列图书中的任一本，就会知道书中展现的是什么：一个按人脑思维方式设计的丰富的可视化学习模式。本书的编写采用了许多最新的研究，包括神经生物学、认知科学以及学习理论，这使得本书能让html和css深深地烙印在你的脑海里。
　　 学会创建web页面的真正诀窍，并认识到为什么你的老板所说的关于html表格的一切都有可能是错误的（以及做什么来代替）。最重要的是，在鸡尾酒会上当你的同事随口提及他的html现在如何完整以及他的css是在外部样式表里时，你表示认同，这会给酒会客人留下深刻的印象。
　　
　　 “书中每章的核心部分设计精致，每种思想既有趣又实用。”
　　 —ken goldstein
　　 disney online执行副总裁
　　
　　 “本书是一个全面的最新的介绍，它介绍了关于web页面标记和表示的着眼于将来的实践。”
　　 —danny goodman
　　 《dynamic html：the definitive guide》作者
　　
　　 “过去通常是长期的麻烦和充满错误的学习过程，现在被巧妙地简化为一本吸引人的平装书。”
　　 －mike davidson
　　 newsvine inc. ceo
　　
　　 “我喜爱《深入浅出html与css、xhtml》的原因是它以一种愉快的方式教会你需要学习的每件事。”
　　 －sally applin
　　 ui 设计师和艺术家

intro. who is this book for? we know what your brain is thinking metacognition bend your brain into submission technical reviewers acknowledgments 1 the language of the web the web killed the video star what does the web server do? what you write (the html)... what the browser creates... your big break at starbuzz coffee creating the starbuzz web page creating an html file (mac) creating an html file (windows) meanwhile, back at starbuzz coffee... opening your web page in a browser taking your page for a test drive... tatgs dissected... meet the style element giving starbuzz some style... who does what? fireside chat bullet points exercise solutions 2 meeting the 'ht' in html head first lounge, new and hnproved creating the new lounge what did we do? what does the browser do? understanding attributes technical difficulties planning your paths... fixing those broken images... exercise solutions 3 web page construction from journal to web site, at 12mph the rough design sketch from a sketch to an outline from the outline to a web page test driving tony's web page meet the [q] element looooong quotes adding a [blockquote] the real truth behind the [q] and [blockquote] mystery use the
element to make a list... constructing html lists in two easy steps putting one element inside another is called "nesting" to understand the nesting relationships, draw a picture using nesting to make sure your tags match inline or block? exercise solutions 4 a trip to webville getting starbuzz (or yourself) onto the web finding a hosting company how can you get a domain name? moving in getting your files to the root folder as much ftp as you can possibly fit in two pages back to business... mainstreet, url what is the http protocol? what's an absolute.path? how default pages work how do we link to other web sites? linking to caffeine buzz web page fit and finish linking into a page using the [a] element to create a destination how to link to destination anchors linking to a new window opening a new window using target exercise solutions 5 meeting the media how the browser works, with images how images work and now for the formal introduction: meet the [img] element always provide an alternative creating the ultimate fan site: mypod whoa! the image is way too large fixing up the mypod html reworking the site to use thumbnails turning the thumbnails into links so, how do i make links out of images? what format should we use? to be transparent, or not to be transparent? that is the question... wait, what is the color of the web page background? check out-the logo with a matte add the logo to the mypod web page exercise solutions 6 serious html cubicle conversation a brief history of html we can't have your pages putting the browser into quirks mode adding the document type definition meet the w3c validator validating the head first lounge houston, we have a problem... adding a [meta] tag to specify the content type making the validator happy with a [meta] content tag..: third time's the charm? changing the doctype to strict do we have validation? fixing the nesting problem one more chance to be strict... strict html 4.01, grab the handbook fireside chat html archeology exercise solutions 7 putting the 'x' into html what is xml? what does this have to do with html? so why would you want to use xhtml? the xhtml 1.0 checklist going from strict html to xhtml 1.0 old school html 4.01 strict new and improved xhtml 1.0 validation: it's not just for html fireside chat html or xhtml? the choice is yours... exercise solutions.. 8 adding a little style you're not in kansas anymore... overheard on webville's "trading spaces" using css with xhtml let's put a line under the welcome message, too specifying a second rule, just for the [h1 ] getting the lounge style into the elixirs and directions pages linking to the external style sheet it's time to talk about your inheritance... what if we move the font up the family tree? overriding inheritance creating a selector for the class taking classes further... the world's smallest and fastest guide to how styles are applied who gets the inheritance? making sure the lounge css validates exercise solutions 9 expanding your vocabulary text and fonts from 30,000 feet what is a font family anyway? specifying font families using css dusting off tony's journal how do i deal with everyone having different fonts? so, how should i specify my font sizes? let's make these changes to the font sizes in tony's web page changing a font's weight adding style to your fonts styling tony's quotes with a little italic how do web colors work? how do i specify web colors? let me count the ways... the two minute guide to hex codes how to find web colors back to tony's page... everything you ever wanted to know about text-decorations removing the underline... exercise solutions 10 getting intimate with elements the lounge gets an upgrade starting with a few simple upgrades checking out the new line height getting ready for some major rennovations a closer look at the box model... what you can do to boxes... creating the guarantee style padding, border, and margins for the guarantee adding some padding now let's add some margin adding a background image fixing the background image how do you add padding only on the left? how do you increase the margin just on the right? a two-minute guide to borders border fit and finish interview with an html class. the id attribute, 1002 uses using an id in the lounge remixing style sheets using multiple style sheets exerdse solutions 11 advanced web construction a close look at the elixirs html let's explore how we can divide a page into logical sections adding a border an over-the-border test drive adding some real style to the elixirs section the game plan working on the elixir width adding the basic styles to the elixirs what we need is a way to select descendants changing the color of the elixir headings fixing the line height it's time to take a little shortcut... adding [span]s in three easy steps the [a] element and its multiple personalities how can you style elements based on their state? putting those pseudo-classes to work isn't it about time we talk about the "cascade"? the cascade welcome to the "what's my specificity game" putting it all together exercise solutions 12 arranging elements did you do the super brain power? use the flow, luke what about inline elements? how it all works together how to float an element behind the scenes at the lounge the new starbuzz move the sidebarjust below the header set the width of the sidebar and float it fixing the two-column problem setting the margin on the main section back to clearing up the overlap problem righty tighty, lefty loosey liquid and frozen designs how absolute positioning works changing the starbuzz css one tradeoff you can make to fix the footer positioning the award how does fixed positioning work? using a negative left property value getting relative to three-columns and beyond... exercise solutions 13 getting tabular how do we make tables with html? how to create a table using html what the browser creates tables dissected... adding a caption and a summary before we start styling, let's get the table back into tony's page... getting those borders to collapse how about some color? tony made an interesting discovery... another look at tony's table how to tell cells to span more than one row the new and improved table trouble in paradise? overriding the css for the nested table headings giving tony's site the final polish exercise solutions 14 getting interactive how forms work how forms work in the browser what you write the xhtml what the browser creates how the [form] element works getting ready to build the bean machine form adding the [form] element how [form] element names work back to getting those [input] elements in your html... adding some more input elements to your form adding the [select] give the customer a choice of whole or ground beans punching the radio buttons completing the form adding the checkboxes and textarea watching get in action to table or not to table? that's the question... getting the form elements into a table styling the form and the table with css exercise solutions 15 the top ten topics (we didn't cover) more selectors frames multimedia & flash tools for creating web pages client-side scripting server-side scripting tuning for search engines more about style sheets for printing pages for mobile devices blogs index... color inset