GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY Donat Was Here
DonatShell
Server IP : 134.29.175.74  /  Your IP : 216.73.216.160
Web Server : nginx/1.10.2
System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586
User : Administrator ( 0)
PHP Version : 7.1.0
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  C:/nginx/html/JimMartinson/_Archive/MMDT1021/ExampleFiles/HTML6ed_examples/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ HOME SHELL ]     

Current File : C:/nginx/html/JimMartinson/_Archive/MMDT1021/ExampleFiles/HTML6ed_examples/localindex.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>HTML, XHTML, and CSS VQS 6th Edition Book Examples</title>
	<link rel="stylesheet" href="http://www.cookwood.com/html/newdesign.css" type="text/css" />
	<style type="text/css">
	/* h2 {font-size:14px;margin-bottom:0}
	p {margin-top:4px;font-size:smaller} */
	td {padding:4px;width:250px;font-size:12px}
	td.chapter {border-top:solid 2px #e7573b;color:#e7573b}
	table {padding-top:30px}
	#toc a.inline {display:inline}
	
	</style>
	<base target="examples" />
</head>
<body>

<div id="header">
<h1>HTML, XHTML, and CSS: 6th Edition <img src="http://www.cookwood.com/html6ed/html6e_minicover.gif" alt="Cover of HTML VQS 6e" width="27" height="36" align="bottom" /></h1>
<p><a href="http://lizcastrohtml.blogspot.com" target="_self">News</a> | <a href="http://www.cookwood.com/html6ed/contents/" target="_self">About</a> | <a href="http://www.cookwood.com/html6ed/examples/" class="current" target="_self">Examples</a> | <a href="http://www.cookwood.com/html6ed/extras/" target="_self">Extras</a> | <a href="http://www.cookwood.com/html6ed/errata/" target="_self">Errata</a> | <a href="http://www.cookwood.com/html/opinions/" target="_self">Opinions</a> | <a href="http://www.cookwood.com/html/help/">Help</a>| <a href="http://www.cookwood.com/">Home</a></p>

</div>

<div id="toc">
<h2>Examples</h2>
<a href="#about" target="_self">About</a>
<a href="#downloads" target="_self">Download</a>
<h3>Chapters</h3>
<a href="#c1" class="inline" target="_self" title="Web Page Building Blocks">1</a>
<a href="#c2" class="inline" target="_self" title="Working with Web Page Files">2</a>
<a href="#c3" class="inline" target="_self" title="Basic (X)HTML Structure">3</a>
<a href="#c4" class="inline" target="_self" title="Basic (X)HTML Formatting">4</a>
<a href="#c5" class="inline" target="_self" title="Creating Web Images">5</a>
<a href="#c6" class="inline" target="_self" title="Using Images">6</a>
<a href="#c7" class="inline" target="_self" title="Links">7</a>
<a href="#c8" class="inline" target="_self" title="Creating Styles">8</a>
<a href="#c9" class="inline" target="_self" title="Applying Styles">9</a>
<a href="#c10" class="inline" target="_self" title="Formatting with Styles">10</a>
<a href="#c11" class="inline" target="_self" title="Layout with Styles">11</a>
<a href="#c12" class="inline" target="_self" title="Style Sheets for Printing">12</a>
<a href="#c13" class="inline" target="_self" title="Lists">13</a>
<a href="#c14" class="inline" target="_self" title="Tables">14</a>
<a href="#c15" class="inline" target="_self" title="Frames">15</a>
<a href="#c16" class="inline" target="_self" title="Forms">16</a>
<a href="#c17" class="inline" target="_self" title="Multimedia">17</a>
<a href="#c18" class="inline" target="_self" title="Scripts">18</a>
<a href="#c19" class="inline" target="_self" title="JavaScript Essentials">19</a>
<a href="#c20" class="inline" target="_self" title="Symbols and Non-English Characters">20</a>
<a href="#c21" class="inline" target="_self" title="Formatting: The Old Way">21</a>
<a href="#c22" class="inline" target="_self" title="Layout: The Old Way">22</a>
<a href="#c23" class="inline" target="_self" title="WML: Web Pages for Mobile Devices">23</a>
<a href="#c24" class="inline" target="_self" title="Testing and Debugging Web Pages">24</a>
<a href="#c25" class="inline" target="_self" title="Publishing Your Pages on the Web">25</a>
<a href="#c26" class="inline" target="_self" title="Getting People to Visit">26</a>
<h3>Appendices</h3>
<a href="#c27" class="inline" target="_self" title="(X)HTML Elements and Attributes">A</a>
<a href="#c28" class="inline" target="_self" title="CSS Properties and Values">B</a>
<a href="#c29" class="inline" target="_self" title="Intrinsic Events">C</a>
<a href="#c30" class="inline" target="_self" title="(X)HTML Symbols and Characters">D</a>
<a href="#c31" class="inline" target="_self" title="Hexadecimals">E</a>
<a href="#c32" class="inline" target="_self" title="(X)HTML Tools">F</a>
<!--<h3><a href="#c33" class="inline" target="_self" title="Index">Index</a></h3>-->


</div>

<div id="content">

<p>These Web pages contain all the examples from the book <a href="http://www.cookwood.com/html6ed/">HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition</a> written by Elizabeth Castro. </p>

<p>Use these examples to help you understand the difference between raw (X)HTML code and what appears within your browser. Scroll down to the appropriate chapter (or use the left navigational bar as a shortcut). Each chapter's example files are listed. Click an example to view it. To see the (X)HTML code, choose View &gt; Source or View &gt; Page Source or however the command is worded in your browser. For more information about viewing the source code, see page 67 in the book. (I'll get to information about downloading all the examples shortly.)</p>

<p>Note that all of the examples, as well as their auxiliary files (CSS,  CGI, and PHP files) will open in the same &ldquo;examples&rdquo; window. If you have room, leave both this window and the examples window open on your screen.</p>

<p>Not all sections have examples. If the section does not appear, that means there is no example for that section. In that case, just consult the corresponding section in the book where you'll most often find a complete explanation. </p>

<p>Some sections have more links than you might expect. For example, check out the Appendices, down at the bottom of the list at left. You'll find live links to the HTML tools and graphics, and online versions of the charts in Appendices B-D. There's also an online version of the index and several color charts.</p> 

<p id="downloads">You can also download the <a href="http://www.cookwood.com/html6ed/HTML6ed_examples.zip">example files</a> all at once (for either Macintosh or Windows). If you need help unzipping either file, check out <a href="http://www.aladdinsys.com/" target="_blank">StuffIt</a> (again, for both Macs and Windows), or your favorite decompression program. A version of this page that you are reading (with localized links) is also included, and as you can see below, it contains a helpful table that explains which files go with which pages/sections.</p>
<p>Remember that all the examples files and images are &copy; 2006 Elizabeth Castro. All rights reserved.</p>

<p>Hope you find them helpful!</p>

<p>If you have any questions or comments about the examples, please <a href="http://www.cookwood.com/html/contact.html">send them</a> to me. I'll do my best to help you out.</p>

<p>Note that you can still find the examples from both the <a href="http://www.cookwood.com/html5ed/examples/">Fifth Edition</a> and the <a href="/html4_4e/examples/" target="_blank">Fourth Edition</a> online.</p>
<p>Copyright 1998-2006 by Elizabeth Castro. All Rights Reserved</p>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c1">1: Web Page Building Blocks</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>blocks</b> folder.</p></td></tr>

<tr><td valign="top" align="right"><b>Markup: Elements, Attributes, and Values (p.&nbsp;30)</b></td><td valign="top">Figure 1.6: <a href="blocks/blueflax_nocss.html">blueflax_nocss.html</a></td></tr>
<tr><td valign="top" align="right"><b>A Web Page&rsquo;s Text Content (p.&nbsp;32)</b></td><td valign="top">Figure 1.10: <a href="blocks/blueflax_nocss.html">blueflax_nocss.html</a></td></tr>
<tr><td valign="top" align="right"><b>Links, Images, and Other Non-Text Content (p.&nbsp;33)</b></td><td valign="top">Figure 1.12: <a href="blocks/tigerlily_nocss.html">tigerlily_nocss.html</a></td></tr>


<tr><td valign="top" align="right"><b>HTML vs XHTML (p.&nbsp;38)</b></td><td valign="top">XHTML: <a href="blocks/blueflax_nocss.html">blueflax_nocss.html</a> <br />
HTML: <a href="blocks/blueflax_html.html">blueflax_html.html</a> </td></tr>
<tr><td valign="top" align="right"><b>Versions, flavors, and DOCTYPE (p.&nbsp;40-1)</b></td>
<td valign="top"><a href="http://www.cookwood.com/html/extras/doctypes.html" target="outside">Common Doctypes</a><br />Figure 1.36, 1.37: <a href="blocks/blueflax_quirky_nodoc.html">blueflax_quirky_nodoc.html</a> with <a href="blocks/blueflax_quirky.css">blueflax_quirky.css</a>
<br />Figure 1.38: <a href="blocks/blueflax_quirky_yesdoc.html">blueflax_quirky_yesdoc.html</a> with <a href="blocks/blueflax_quirky.css">blueflax_quirky.css</a>
<br />Figure 1.39: <a href="blocks/blueflax.html">blueflax.html</a> with <a href="blocks/blueflax.css">blueflax.css</a></td></tr>
<tr><td valign="top" align="right"><b>The Default Display of (X)HTML (p.&nbsp;42)</b></td><td valign="top">Figure 1.40: <a href="blocks/blueflax_nocss.html">blueflax_nocss.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c2">2: Working with Web Page Files</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>blocks</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>The Inspiration of Others (p.&nbsp;53)</b></td><td valign="top">Figures 2.27-2.29: <a href="blocks/blueflax.html">blueflax.html</a> with <a href="blocks/blueflax.css">blueflax.css</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c3">3: Basic (X)HTML Structure</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>foundation</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Starting Your Web Page (pp.&nbsp;56-7)</b></td><td valign="top">Figure 3.1: <a href="foundation/doctype_html.html">doctype_html.html</a>
<br />Figure 3.2: <a href="foundation/doctype.html">doctype.html</a><br /><a href="http://www.cookwood.com/html/extras/doctypes.html" target="outside">Common Doctypes</a></td></tr>
<tr><td valign="top" align="right"><b>Creating the Foundation (p.&nbsp;58)</b></td><td valign="top">Figure 3.3: <a href="foundation/headbody.html">headbody.html</a></td></tr>
<tr><td valign="top" align="right"><b>Declaring the Encoding (p.&nbsp;59)</b></td><td valign="top">Figure 3.5: <a href="foundation/charset.html">charset.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating a Title (p.&nbsp;60)</b></td><td valign="top">Figure 3.6: <a href="foundation/title.html">title.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Section Headers (p.&nbsp;61)</b></td><td valign="top">Figure 3.10: <a href="foundation/headers.html">headers.html</a></td></tr>
<tr><td valign="top" align="right"><b>Starting a New Paragraph (p.&nbsp;62)</b></td><td valign="top">Figure 3.12: <a href="foundation/paragraphs.html">paragraphs.html</a></td></tr>
<tr><td valign="top" align="right"><b>Naming Elements (p.&nbsp;63)</b></td><td valign="top">Figure 3.14: <a href="foundation/idclass.html">idclass.html</a></td></tr>
<tr><td valign="top" align="right"><b>Breaking up a Page into Divisions (p.&nbsp;64)</b></td><td valign="top">Figure 3.16: <a href="foundation/div.html">div.html</a>
<br />Note that the id and class attributes are different from Figure 3.14, but are the ones used throughout the rest of the chapter.</td></tr>
<tr><td valign="top" align="right"><b>Creating Inline Spans (p.&nbsp;65)</b></td><td valign="top">Figure 3.18: <a href="foundation/span.html">span.html</a><br />View with styles applied: <a href="foundation/styles.html">styles.html</a> with <a href="foundation/gaudistyles.css">gaudistyles.css</a></td></tr>
<tr><td valign="top" align="right"><b>Creating a Line Break (p.&nbsp;66)</b></td><td valign="top">Figure 3.20: <a href="foundation/br.html">br.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Comments (p.&nbsp;67)</b></td><td valign="top">Figure 3.23: <a href="foundation/comments.html">comments.html</a></td></tr>
<tr><td valign="top" align="right"><b>Labeling Elements in a Web Page (p.&nbsp;68)</b></td><td valign="top">Figure 3.25: <a href="foundation/title_att.html">title_att.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c4">4: Basic (X)HTML Formatting</h2>
<p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>html_format</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Making Text Bold or Italic (p.&nbsp;70)</b></td><td valign="top">Figure 4.1: <a href="html_format/bolditalic.html">bolditalic.html</a>
<br />Figure 4.2: <a href="html_format/strongem.html">strongem.html</a></td></tr>
<tr><td valign="top" align="right"><b>Changing the Size of Text (p.&nbsp;71)</b></td><td valign="top">Figure 4.4: <a href="html_format/bigsmall.html">bigsmall.html</a></td></tr>
<tr><td valign="top" align="right"><b>Using a Monospaced Font (p.&nbsp;72)</b></td><td valign="top">Figure 4.6: <a href="html_format/code.html">code.html</a></td></tr>
<tr><td valign="top" align="right"><b>Using Preformatted Text (p.&nbsp;73)</b></td><td valign="top">Figure 4.9: <a href="html_format/precode_chunk.html">precode_chunk.html</a>
<br />View entire script: <a href="html_format/precode.html">precode.html</a></td></tr>
<tr><td valign="top" align="right"><b>Quoting Text (p.&nbsp;74)</b></td><td valign="top">Figure 4.11: <a href="html_format/blockquote.html">blockquote.html</a>
<br />Figure 4.13: <a href="html_format/q.html">q.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Superscripts and Subscripts (p.&nbsp;76)</b></td><td valign="top">Figure 4.15: <a href="html_format/subsup.html">subsup.html</a>
<br />View with adjusted line height: <a href="html_format/subsup_size.html">subsup_size.html</a> with <a href="html_format/subsup.css">subsup.css</a></td></tr>
<tr><td valign="top" align="right"><b>Marking Changed Text (p.&nbsp;77)</b></td><td valign="top">Figure 4.17: <a href="html_format/insdel.html">insdel.html</a></td></tr>
<tr><td valign="top" align="right"><b>Explaining Abbreviations (p.&nbsp;78)</b></td><td valign="top">Figure 4.19: <a href="html_format/abbr_acronym.html">abbr_acronym.html</a></td></tr>
<tr><td valign="top" align="right"><b>Centering Elements on a Page (p.&nbsp;79)</b></td><td valign="top">Figure 4.22: <a href="html_format/center.html">center.html</a></td></tr>
</table>


<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c5">5: Images</h2>
<p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>use_images</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>About Images for the Web (p.&nbsp;83)</b></td><td valign="top">Figure 5.3: <a href="use_images/arcadia_big.html">arcadia_big.html</a><br />Figure 5.4: <a href="use_images/arcadia_small.html">arcadia_small.html</a></td></tr>

<tr><td valign="top" align="right"><b>Inserting Images on a Page (p.&nbsp;90)</b></td><td valign="top">Figure 5.7: <a href="use_images/image.html">image.html</a></td></tr>
<tr><td valign="top" align="right"><b>Offering Alternate Text (p.&nbsp;91)</b></td><td valign="top">Figure 5.9: <a href="use_images/alt.html">alt.html</a></td></tr>
<tr><td valign="top" align="right"><b>Specifying Size for Speedier Viewing (p.&nbsp;92)</b></td><td valign="top">Figure 5.15: <a href="use_images/sizing.html">sizing.html</a></td></tr>
<tr><td valign="top" align="right"><b>Scaling an Image (p.&nbsp;94)</b></td><td valign="top">Figure 5.17: <a href="use_images/scale_bef.html">scale_bef.html</a><br />Figures 5.18, 5.19: <a href="use_images/scale_aft.html">scale_aft.html</a></td></tr>
<tr><td valign="top" align="right"><b>Making Images Float (pp.&nbsp;96-7)</b></td><td valign="top">Figure 5.22: <a href="use_images/floatright.html">floatright.html</a>
<br />Figure 5.25: <a href="use_images/floatleft.html">floatleft.html</a><br />Figure 5.26: <a href="use_images/floatboth.html">floatboth.html</a></td></tr>
<tr><td valign="top" align="right"><b>Stopping Elements from Wrapping (p.&nbsp;98)</b></td><td valign="top">Figure 5.28: <a href="use_images/clearleft.html">clearleft.html</a>
<br />Figure 5.30: <a href="use_images/clearall.html">clearall.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Space around an Image (p.&nbsp;99)</b></td><td valign="top">Figure 5.31: <a href="use_images/space_bef.html">space_bef.html</a>
<br />Figures 5.32, 5.33: <a href="use_images/space.html">space.html</a></td></tr>
<tr><td valign="top" align="right"><b>Aligning Images (p.&nbsp;100)</b></td><td valign="top">Figure 5.34: <a href="use_images/align.html">align.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Horizontal Rules (p.&nbsp;101)</b></td><td valign="top">Figure 5.36: <a href="use_images/hrnormal.html">hrnormal.html</a>
<br />Figure 5.38: <a href="use_images/hr.html">hr.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding an Icon for your Web Site (p.&nbsp;102)</b></td><td valign="top">Figure 5.41: <a href="use_images/favicon.html">favicon.html</a></td></tr>

</table>


<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c6">6: Links</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>links</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Creating a Link to Another Web Page (pp.&nbsp;104-5)</b></td><td valign="top">Figure 6.2: <a href="links/simplelink.html">simplelink.html</a>
<br />Figure 6.5: <a href="links/externallink.html">externallink.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Anchors (p.&nbsp;106)</b></td><td valign="top">Figure 6.8: <a href="links/anchor.html">anchor.html</a></td></tr>
<tr><td valign="top" align="right"><b>Linking to a Specific Anchor (p.&nbsp;107)</b></td><td valign="top">Figures 6.9 and 6.10: <a href="links/anchor.html">anchor.html</a></td></tr>
<tr><td valign="top" align="right"><b>Targeting Links to Specific Windows (p.&nbsp;108)</b></td><td valign="top">Figure 6.11: <a href="links/target.html">target.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Default Target (p.&nbsp;109)</b></td><td valign="top">Figure 6.14: <a href="links/targetbase.html">targetbase.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Other Kinds of Links (p.&nbsp;110)</b></td><td valign="top">Figure 6.15: <a href="links/newotherlinks.html">newotherlinks.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Keyboard Shortcuts for Links (p.&nbsp;112)</b></td><td valign="top">Figure 6.17: <a href="links/keyboard.html">keyboard.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Tab Order for Links (p.&nbsp;113)</b></td><td valign="top">Figure 6.20: <a href="links/tabindex.html">tabindex.html</a></td></tr>
<tr><td valign="top" align="right"><b>Using Images to Label Links (p.&nbsp;114)</b></td><td valign="top">Figure 6.22: <a href="links/buttonlink.html">buttonlink.html</a></td></tr>
<tr><td valign="top" align="right"><b>Linking Thumbnails to Images (p.&nbsp;115)</b></td><td valign="top">Figure 6.24: <a href="links/icons.html">icons.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating a Client-Side Image Map (p.&nbsp;117)</b></td><td valign="top">Figure 6.29: <a href="links/map.html">map.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c7">7: Style Sheet Building Blocks</h2>
<p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>cssblocks</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Adding Comments to Style Rules (p.&nbsp;121)</b></td><td valign="top">Figure 7.3: <a href="cssblocks/base_comments.css">base_comments.css</a><br />
Figure 7.4: <a href="cssblocks/base_comments2.css">base_comments2.css</a></td></tr>
<tr><td valign="top" align="right"><b>The Cascade: When Rules Collide (pp.&nbsp;122-3)</b></td><td valign="top">Figure 7.5: <a href="cssblocks/blueflax.css">blueflax.css</a><br />Figure 7.6: <a href="cssblocks/blueflax.html">blueflax.html</a>
<br />Figure 7.8: <a href="cssblocks/specificity.css">specificity.css</a><br />Figure 7.9: <a href="cssblocks/specificity.html">specificity.html</a></td></tr>
<tr><td valign="top" align="right"><b>A Property&rsquo;s Value (p.&nbsp;126)</b></td><td valign="top">Figure 7.16: <a href="http://www.cookwood.com/html/colors/sixteencolors.html" target="outside">Sixteen Predefined Colors</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c9">8: Working with Style Sheet Files</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>styles-files</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Linking External Style Sheets (p.&nbsp;129)</b></td><td valign="top">Figure 8.3: <a href="styles-files/base.css">base.css</a>, Figure 8.4: <a href="styles-files/link.html">link.html</a>
<br />Figure 8.6: <a href="styles-files/link2.html">link2.html</a> with <a href="styles-files/base.css">base.css</a></td></tr>
<tr><td valign="top" align="right"><b>Offering Alternate Style Sheets (p.&nbsp;130)</b></td><td valign="top">Figure 8.7: <a href="styles-files/base.css">base.css</a><br />Figure 8.8: <a href="styles-files/preferred.css">preferred.css</a><br />Figure 8.9: <a href="styles-files/alternate.css">alternate.css</a><br />Figure 8.10: <a href="styles-files/choices.html">choices.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating an Internal Style Sheet (p.&nbsp;131)</b></td><td valign="top">Figure 8.12: <a href="styles-files/internal.html">internal.html</a></td></tr>
<tr><td valign="top" align="right"><b>Importing External Style Sheets (p.&nbsp;132)</b></td><td valign="top">Figure 8.15: <a href="styles-files/link.html">link.html</a> with <a href="styles-files/base.css">base.css</a>
<br />Figure 8.15: <a href="styles-files/import.html">import.html</a> with <a href="styles-files/not_for_Netscape4.css">not_for_Netscape4.css</a></td></tr>
<tr><td valign="top" align="right"><b>Using Media-Specific Style Sheets (p.&nbsp;133)</b></td><td valign="top">Figure 8.17: <a href="styles-files/medialink.html">medialink.html</a><br />
Figure 8.18: <a href="styles-files/mediaimport.html">mediaimport.html</a></td></tr>
<tr><td valign="top" align="right"><b>Applying Styles Locally (p.&nbsp;134)</b></td><td valign="top">Figure 8.19: <a href="styles-files/local.html">local.html</a></td></tr>
<tr><td valign="top" align="right"><b>The Importance of Location (p.&nbsp;135)</b></td><td valign="top">Figure 8.21: <a href="styles-files/conflict.html">conflict.html</a> with <a href="styles-files/base.css">base.css</a>
<br />Figure 8.23: <a href="styles-files/conflict2_linklast.html">conflict2_linklast.html</a> with <a href="styles-files/base.css">base.css</a></td></tr>
<tr><td valign="top" align="right"><b>The inspiration of Others: CSS (p.&nbsp;136)</b></td><td valign="top">Figure 8.25: <a href="styles-files/choices.html">choices.html</a><br />
Figure 8.28: <a href="styles-files/base.css">base.css</a></td></tr>
</table>


<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c8">9: Defining Selectors</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>selectors</b> folder. Note that the (X)HTML files are practically identical, except for the <code>link</code> element that calls the style sheet.</p></td></tr>
<tr><td valign="top" align="right"><b>Selecting Elements by Name (p.&nbsp;139)</b></td><td valign="top">Figure 9.6: <a href="selectors/name.html">name.html</a>, Figure 9.7: <a href="selectors/name.css">name.css</a></td></tr>
<tr><td valign="top" align="right"><b>Selecting Elements by Class or ID (p.&nbsp;140)</b></td><td valign="top">Figure 9.9: <a href="selectors/classid.html">classid.html</a>, Figure 9.10:  <a href="selectors/classid.css">classid.css</a></td></tr>
<tr><td valign="top" align="right"><b>Selecting Elements by Context (pp.&nbsp;141-3)</b></td><td valign="top">Figure 9.12: <a href="selectors/descendant.html">descendant.html</a>, Figure 9.13: <a href="selectors/descendant.css">descendant.css</a>
<br />Figure 9:15: <a href="selectors/child.css">child.css</a>, Figures 9.16 and 9.17: <a href="selectors/child.html">child.html</a>
<br />Figure 9.18: <a href="selectors/firstchild.css">firstchild.css</a>, Figure 9.19: <a href="selectors/firstchild.html">firstchild.html</a>
<br />Figure 9.20: <a href="selectors/adjsibling.css">adjsibling.css</a>, Figure 9.21: <a href="selectors/adjsibling.html">adjsibling.html</a></td></tr>
<tr><td valign="top" align="right"><b>Selecting Part of an Element (pp.&nbsp;144-5)</b></td><td valign="top">Figures 9.22 and 9.24: <a href="selectors/firstline.html">firstline.html</a>, Figure 9.23: <a href="selectors/firstline.css">firstline.css</a>
<br />Figure 9.25: <a href="selectors/firstletter.css">firstletter.css</a>, Figures 9.26: <a href="selectors/firstletter.html">firstletter.html</a>
<br />Figure 9.27: <a href="selectors/firstletter-quote.html">firstletter-quote.html</a></td></tr>
<tr><td valign="top" align="right"><b>Selecting Link Elements Based on Their State (p.&nbsp;146)</b></td><td valign="top">Figure 9.28: <a href="selectors/state.html">state.html</a>, Figure 9.29: <a href="selectors/state.css">state.css</a></td></tr>
<tr><td valign="top" align="right"><b>Selecting Elements Based on Attributes (p.&nbsp;147)</b></td><td valign="top">Figure 9.35: <a href="selectors/attribute.html">attribute.html</a>, Figure 9.36: <a href="selectors/attribute.css">attribute.css</a></td></tr>
<tr><td valign="top" align="right"><b>Specifying Groups of Elements (p.&nbsp;148)</b></td><td valign="top">Figure 9:38: <a href="selectors/group.html">group.html</a>, Figure 9:39: <a href="selectors/group.css">group.css</a></td></tr>

</table>




<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c10">10: Formatting with Styles</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>styles-format</b> folder. Note that in this chapter, each successive CSS file adds to the previous one. The (X)HTML files are identical except for the <code>link</code> element that calls the new CSS file.</p></td></tr>
<tr><td valign="top" align="right"><b>Formatting with Styles (p.&nbsp;151)</b></td><td valign="top">Figure 10.1: <a href="styles-format/nostyles.html">nostyles.html</a></td></tr>
<tr><td valign="top" align="right"><b>Choosing a Font Family (p.&nbsp;152)</b></td><td valign="top">Figure 10.2: <a href="styles-format/fontfamily.css">fontfamily.css</a>
<br />Figures 10.3-4: <a href="styles-format/fontfamily.html">fontfamily.html</a></td></tr>
<tr><td valign="top" align="right"><b>Specifying Alternate Fonts (p.&nbsp;153)</b></td><td valign="top">Figure 10.5: <a href="styles-format/fontfamily-alternate.css">fontfamily-alternate</a>
<br />Figures 10.6-7: <a href="styles-format/fontfamily-alternate.html">fontfamily-alternate.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Italics (p.&nbsp;154)</b></td><td valign="top">Figure 10.8: <a href="styles-format/italic.css">italic.css</a>
<br />Figures 10.9-10: <a href="styles-format/italic.html">italic.html</a></td></tr>
<tr><td valign="top" align="right"><b>Applying Bold Formatting (p.&nbsp;155)</b></td><td valign="top">Figure 10.11: <a href="styles-format/bold.css">bold.css</a>
<br />Figures 10.12-3: <a href="styles-format/bold.html">bold.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Font Size (p.&nbsp;156)</b></td><td valign="top">Figure 10.14: <a href="styles-format/fontsize.css">fontsize.css</a>
<br />Figure 10.15: <a href="styles-format/fontsize.html">fontsize.html</a>
<br />Figure 10.16: <a href="styles-format/fontsize-relative.css">fontsize-relative.css</a>
<br />Figure 10.18: <a href="styles-format/fontsize-relative.html">fontsize-relative.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Line Height (p.&nbsp;158)</b></td><td valign="top">Figure 10.19: <a href="styles-format/lineheight.css">lineheight.css</a>
<br />Figure 10.20: <a href="styles-format/lineheight.html">lineheight.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting All Font Values at Once (p.&nbsp;159)</b></td><td valign="top">Figure 10.21: <a href="styles-format/font.css">font.css</a>
<br />Figure 10.22: <a href="styles-format/font.html">font.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Color (p.&nbsp;160)</b></td><td valign="top">Figure 10.23: <a href="styles-format/color.css">color.css</a>
<br />Figure 10.24: <a href="styles-format/color.html">color.html</a></td></tr>
<tr><td valign="top" align="right"><b>Changing the Text’s Background (p.&nbsp;161)</b></td><td valign="top">Figure 10.25: <a href="styles-format/background.css">background.css</a>
<br />Figure 10.26: <a href="styles-format/background.html">background.html</a></td></tr>
<tr><td valign="top" align="right"><b>Controlling Spacing (p.&nbsp;162)</b></td><td valign="top">Figure 10.27: <a href="styles-format/letterspacing.css">letterspacing.css</a>
<br />Figure 10.28: <a href="styles-format/letterspacing.html">letterspacing.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Indents (p.&nbsp;163)</b></td><td valign="top">Figure 10.29: <a href="styles-format/indents.css">indents.css</a>
<br />Figure 10.30: <a href="styles-format/indents.html">indents.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting White Space Properties (p.&nbsp;164)</b></td><td valign="top">Figure 10.31: <a href="styles-format/whitespace.css">whitespace.css</a>
<br />Figure 10.32: <a href="styles-format/whitespace.html">whitespace.html</a></td></tr>
<tr><td valign="top" align="right"><b>Aligning Text (p.&nbsp;165)</b></td><td valign="top">Figure 10.33: <a href="styles-format/textalign.css">textalign.css</a>
<br />Figure 10.34: <a href="styles-format/textalign.html">textalign.html</a></td></tr>
<tr><td valign="top" align="right"><b>Changing the Text Case (p.&nbsp;166)</b></td><td valign="top">Figure 10.35: <a href="styles-format/texttransform.css">texttransform.css</a>
<br />Figure 10.36: <a href="styles-format/texttransform.html">texttransform.html</a></td></tr>
<tr><td valign="top" align="right"><b>Using Small Caps (p.&nbsp;167)</b></td><td valign="top">Figure 10.37: <a href="styles-format/smallcaps.css">smallcaps.css</a>
<br />Figure 10.38: <a href="styles-format/smallcaps.html">smallcaps.html</a></td></tr>
<tr><td valign="top" align="right"><b>Decorating Text  (p.&nbsp;168)</b></td><td valign="top">Figure 10.39: <a href="styles-format/decoration.css">decoration.css</a>
<br />Figure 10.40: <a href="styles-format/decoration.html">decoration.html</a> </td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c11">11: Layout with Styles</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>styles-layout</b> folder. In contrast with the previous chapter, the new CSS discussed in each section is contained in its own CSS file and is added individually via a new <code>link</code> element. In addition, there is a <a href="styles-layout/text.css">base CSS</a> file with text formatting applied to each example. For more on text formatting, see Chapter 10.</p></td></tr>
<tr><td valign="top" align="right"><b>Layout with Styles (p.&nbsp;169)</b></td><td valign="top">Figure 11.1: <a href="styles-layout/allformatting.html">allformatting.html</a> with <a href="styles-layout/allformatting.css">allformatting.css</a></td></tr>
<tr><td valign="top" align="right"><b>Structuring Your Pages (p.&nbsp;170)</b></td><td valign="top">Figure 11.2: <a href="styles-layout/noformatting.html">noformatting.html</a>
<br />With non-layout formatting: <a href="styles-layout/text_formatting.html">text_formatting.html</a> with <a href="styles-layout/text.css">text.css</a></td></tr>
<tr><td valign="top" align="right"><b>Changing the Background (p.&nbsp;172)</b></td><td valign="top">Figure 11.5: <a href="styles-layout/background-individual.css">background-individual.css</a>
<br />Figure 11.6: <a href="styles-layout/background.css">background.css</a>
<br />Figure 11.7: <a href="styles-layout/background-individual.html">background-individual.html</a> or <a href="styles-layout/background.html">background.html</a>
<br />Figure 11.8: <a href="styles-layout/background-screen.css">background-screen.css</a>
<br />Figures 11.9-10: <a href="styles-layout/background-screen.html">background-screen.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Height or Width for an Element (pp.&nbsp;174-5)</b></td><td valign="top">Figures 11.11, 11.13: <a href="styles-layout/width.css">width.css</a>
<br />Figure 11.12: <a href="styles-layout/width.html">width.html</a>
<br />Figure 11.14: <a href="styles-layout/widthtest.html">widthtest.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Margins around an Element (p.&nbsp;176)</b></td><td valign="top">Figures 11.16, 11.18:: <a href="styles-layout/margin.css">margin.css</a>
<br />Figures 11.17, 11.19: <a href="styles-layout/margin.html">margin.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Padding around an Element (p.&nbsp;177)</b></td><td valign="top">Figure 11.20: <a href="styles-layout/padding.css">padding.css</a>
<br />Figure 11.21: <a href="styles-layout/padding.html">padding.html</a> 
<br />Figure 11.22: <a href="styles-layout/padding-screen.css">padding-screen.css</a>
<br />Figure 11.23: <a href="styles-layout/padding-screen.html">padding-screen.html</a> 
<br />Figure 11.24: <a href="styles-layout/background-white.html">background-white.html</a> with <a href="styles-layout/background_white.css">background_white.css</a></td></tr>
<tr><td valign="top" align="right"><b>Offsetting Elements In the Natural Flow (p.&nbsp;178)</b></td><td valign="top">Figures 11.26 and 11.28: <a href="styles-layout/relative.css">relative.css</a>
<br />Figures 11.27 and 11.29: <a href="styles-layout/relative.html">relative.html</a></td></tr>
<tr><td valign="top" align="right"><b>Positioning Elements Absolutely (p.&nbsp;179)</b></td><td valign="top">Figure 11.31: <a href="styles-layout/absolute.css">absolute.css</a>
<br />Figure 11.32: <a href="styles-layout/absolute.html">absolute.html</a></td></tr>
<tr><td valign="top" align="right"><b>Affixing an Element to the Browser Window (p.&nbsp;180)</b></td><td valign="top">Figure 11.33: <a href="styles-layout/fixed.css">fixed.css</a>
<br />Figures 11.34 and 11.35: <a href="styles-layout/fixed.html">fixed.html</a> with </td></tr>
<tr><td valign="top" align="right"><b>Making Elements Float (p.&nbsp;181)</b></td><td valign="top">Figure 11.36: <a href="styles-layout/float.css">float.css</a>
<br />Figure 11.37: <a href="styles-layout/float.html">float.html</a></td></tr>
<tr><td valign="top" align="right"><b>Controlling Where Elements Float (p.&nbsp;182)</b></td><td valign="top">Figure 11.39: <a href="styles-layout/clear.css">clear.css</a>
<br />Figure 11.40: <a href="styles-layout/clear.html">clear.html</a> with </td></tr>
<tr><td valign="top" align="right"><b>Positioning Elements in 3D (p.&nbsp;183)</b></td><td valign="top">Figure 11.42: <a href="styles-layout/z-index.css">z-index.css</a>
<br />Figure 11.43: <a href="styles-layout/z-index.html">z-index.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Border (pp.&nbsp;184-5)</b></td><td valign="top">Figure 11.44: <a href="styles-layout/border.css">border.css</a>
<br />Figures 11.45 and 11.46: <a href="styles-layout/border.html">border.html</a>
<br />Figure 11.47: <a href="styles-layout/borderstyles.html">borderstyles.html</a></td></tr>
<tr><td valign="top" align="right"><b>Changing the Cursor (p.&nbsp;186)</b></td><td valign="top">Figure 11.50: <a href="styles-layout/cursor.css">cursor.css</a>
<br />Figure 11.51: <a href="styles-layout/cursor.html">cursor.html</a></td></tr>
<tr><td valign="top" align="right"><b>Determining Where Overflow Should Go (p.&nbsp;187)</b></td><td valign="top">Fiure 11.53: <a href="styles-layout/overflow.css">overflow.css</a>
<br />Figures 11.54 and 11.55: <a href="styles-layout/overflow.html">overflow.html</a></td></tr>
<tr><td valign="top" align="right"><b>Aligning Elements Vertically (p.&nbsp;188)</b></td><td valign="top">Figure 11.57: <a href="styles-layout/vertical-align.css">vertical-align.css</a>
<br />Figure 11.58: <a href="styles-layout/vertical-align.html">vertical-align.html</a></td></tr>
</table>


<table cellspacing="0" cellpadding="0" border="0">
<tr><td colspan="2" class="chapter"><h2 id="c12">12: Dynamic Effects with Styles</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>css-effects</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Displaying and Hiding Elements (pp.&nbsp;190-1)</b></td><td valign="top">
Figures 12.1 and 12.2: <a href="css-effects/displayall.html">displayall.html</a>
<br />Figures 12.3 and 12.4: <a href="css-effects/displaynone.html">displaynone.html</a>
<br />Figures 12.5 and 12.6: <a href="css-effects/visibility.html">visibility.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Rollover Buttons (p.&nbsp;192)</b></td><td valign="top">Figures 12.7: <a href="css-effects/rolloverbuttons.html">rolloverbuttons.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Pop-ups (p.&nbsp;193)</b></td><td valign="top">Figures 12.9 and 12.10: <a href="css-effects/popups.html">popups.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Drop-Down Menus with Lists (pp.&nbsp;194-5)</b></td><td valign="top">Figures 12.11, 12.13, and 12.14: <a href="css-effects/dropdownmenus-noformat.html">dropdownmenus-noformat.html</a>
<br />Figure 12.12: <a href="css-effects/dropdownonly.css">dropdownonly.css</a>
<br />Figure 12.15: <a href="css-effects/dropdownmenus.html">dropdownmenus.html</a> with <a href="css-effects/dropdownonly.css">dropdownonly.css</a> <i>and</i> <a href="css-effects/dropdownformat.css">dropdownformat.css</a></td></tr>
<tr><td valign="top" align="right"><b>Replacing Headers with Images (pp.&nbsp;196-7)</b></td><td valign="top">Figures 12.16: <a href="css-effects/imagereplacement.css">imagereplacement.css</a>
<br />Figures 12.17 and 12.18: <a href="css-effects/imagereplacement.html">imagereplacement.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0">
<tr><td colspan="2" class="chapter"><h2 id="c13">13: Style Sheets for Handhelds</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>styles-handheld</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Mobilize vs. Miniaturize (p.&nbsp;200)</b></td><td valign="top">Figures 13.2 and 13.3 (if you're on a mobile device): <a href="http://www.google.com/" target="outside" >Google</a></td></tr>
<tr><td valign="top" align="right"><b>Looking at Your Site (p.&nbsp;201)</b></td><td valign="top">Figure 13.4 and 13.5: <a href="styles-handheld/allformatting.html">allformatting.html</a> with <a href="styles-handheld/allformatting.css">allformatting.css</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Style Sheets for Handhelds (p.&nbsp;204)</b></td><td valign="top">Figure 13.6: <a href="styles-handheld/handheld.html">handheld.html</a></td></tr>
<tr><td valign="top" align="right"><b>Hiding Extraneous Elements (p.&nbsp;205)</b></td><td valign="top">Figure 13.8: <a href="styles-handheld/hide.css">hide.css</a>
<br />Figures 13.9 and 13.10: <a href="styles-handheld/handheld-hide.html">handheld-hide.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating and Using an Image Header (p.&nbsp;206)</b></td><td valign="top">Figures 13.12 and 13.15: <a href="styles-handheld/handheld-logo.html">handheld-logo.html</a>
<br />Figure 13.13: <a href="styles-handheld/allformatting-hideheader.css">allformatting-hideheader.css</a>
<br />Figure 13.14: <a href="styles-handheld/logo.css">logo.css</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Extra Links to the Top (p.&nbsp;207)</b></td><td valign="top">Figure 13.16: <a href="styles-handheld/extralinks.html">extralinks.html</a>
<br />Figures 13.17: <a href="styles-handheld/allformatting-hideextralinks.css">allformatting-hideextralinks.css</a></td></tr>
<tr><td valign="top" align="right"><b>Adjusting for the Small Screen (p.&nbsp;208)</b></td><td valign="top">Figure 13.19: <a href="styles-handheld/handheld.css">handheld.css</a>
<br />Figure 13.20: <a href="styles-handheld/handheld-adjust.html">handheld-adjust.html</a></td></tr>
</table>



<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c14">14: Style Sheets for Printing</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>printing</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Creating a Style Sheet for Print (p.&nbsp;210)</b></td><td valign="top">Figure 14.1: <a href="printing/base.html">base.html</a> 
<br />Figure 14.2: <a href="printing/import_print.html">import_print.html</a></td></tr>
<tr><td valign="top" align="right"><b>How Print Style Sheets Differ (p.&nbsp;211)</b></td><td valign="top">Figures 14.3 and 14.4: <a href="printing/base.html">base.html</a> with <a href="printing/screen.css">screen.css</a> and <a href="printing/print.css">print.css</a></td></tr>
<tr><td valign="top" align="right"><b>Controlling Page Breaks (p.&nbsp;212)</b></td><td valign="top">Figure 14.5: <a href="printing/pagebreaks.css">pagebreaks.css</a>
<br />Figure 14.6: <a href="printing/pagebreaks.html">pagebreaks.html</a> (and then choose Print or Print Preview)</td></tr>
<tr><td valign="top" align="right"><b>Printing Link URLs (p.&nbsp;213)</b></td><td valign="top">Figure 14.7: <a href="printing/printurl.css">printurl.css</a>
<br />Figure 14.8: <a href="printing/printurl.html">printurl.html</a> (and then choose Print or Print Preview)</td></tr>
<tr><td valign="top" align="right"><b>Controlling Widows and Orphans (p.&nbsp;214)</b></td><td valign="top">Figure 14.10: <a href="printing/orphans.css">orphans.css</a>
<br />Figure 14.11: <a href="printing/orphans.html">orphans.html</a> </td></tr>
</table>


<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c15">15: Lists</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>lists</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Creating Ordered and Unordered Lists (pp.&nbsp;216-7)</b></td><td valign="top">Figure 15.1: <a href="lists/orderedlists.html">orderedlists.html</a><br />Figure 15.3: <a href="lists/unordered.html">unordered.html</a></td></tr>
<tr><td valign="top" align="right"><b>Choosing Your Markers (Bullets) (p.&nbsp;218)</b></td><td valign="top">Figure 15.5: <a href="lists/markers.html">markers.html</a>, Figure 15.6: <a href="lists/markers.css">markers.css</a></td></tr>
<tr><td valign="top" align="right"><b>Choosing Where to Start List Numbering (p.&nbsp;219)</b></td><td valign="top">Figure 15.8: <a href="lists/start_value.html">start_value.html</a></td></tr>
<tr><td valign="top" align="right"><b>Using Custom Markers (p.&nbsp;220)</b></td><td valign="top">Figure 15.10: <a href="lists/custommarkers.html">custommarkers.html</a>, Figure 15.11: <a href="lists/custommarkers.css">custommarkers.css</a></td></tr>
<tr><td valign="top" align="right"><b>Controlling Where Markers Hang (p.&nbsp;221)</b></td><td valign="top">Figure 15.13: <a href="lists/position.html">position.html</a>, Figure 15.14: <a href="lists/position.css">position.css</a></td></tr>
<tr><td valign="top" align="right"><b>Setting All List-Style Properties at Once (p.&nbsp;222)</b></td><td valign="top">Figure 15.16: <a href="lists/liststyle.css">liststyle.css</a>, Figures 15.17 and 15.18: <a href="lists/liststyle.html">liststyle.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Definition Lists (p.&nbsp;223)</b></td><td valign="top">Figure 15.19: <a href="lists/definitionlists.html">definitionlists.html</a>, Figure 15.20: <a href="lists/definitionlists.css">definitionlists.css</a></td></tr>
<tr><td valign="top" align="right"><b>Styling Nested Lists (p.&nbsp;224)</b></td><td valign="top">Figure 15.22: <a href="lists/nested.html">nested.html</a>, Figure 15.23: <a href="lists/nested.css">nested.css</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c16">16: Tables</h2>
<p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>tables</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Tables (p.&nbsp;227)</b></td><td valign="top">Figure 16.1: <a href="tables/rowspan.html">rowspan.html</a> with <a href="tables/colspannew.css">colspannew.css</a></td></tr>
<tr><td valign="top" align="right"><b>Creating a Simple Table (p.&nbsp;229)</b></td><td valign="top">Figure 16.3: <a href="tables/simple.html">simple.html</a>, Figure 16.4: <a href="tables/simple.css">simple.css</a></td></tr>
<tr><td valign="top" align="right"><b>Adding a Border (pp.&nbsp;230-1)</b></td><td valign="top">Figures 16.7 and 16.8: <a href="tables/border_html.html">border_html.html</a> with <a href="tables/simple.css">simple.css</a>
<br />Figure 16.9: <a href="tables/border.css">border.css</a>
<br />Figure 16.10: <a href="tables/border_css.html">border_css.html</a> with <a href="tables/border.css">border.css</a>
<br />Figure 16.11: <a href="tables/border_css_nohtml.html">border_css_nohtml.html</a> with <a href="tables/border.css">border.css</a>
<br />Figure 16.12: <a href="tables/border_none.css">border_none.css</a> (with <a href="tables/border_none_css.html">border_none_css.html</a>)</td></tr>
<tr><td valign="top" align="right"><b>Setting the Width (pp.&nbsp;232-3)</b></td><td valign="top">Figure 16.13: <a href="tables/width.html">width.html</a>, Figure 16.14: <a href="tables/width.css">width.css</a>
<br />Figure 16.16: <a href="tables/width_toosmall.css">width_toosmall.css</a>, Figure 16.17: <a href="tables/width_toosmall.html">width_toosmall.html</a> 
<br />Figure 16.18: <a href="tables/width_bigger.css">width_bigger.css</a>, Figure 16.19: <a href="tables/width_bigger.html">width_bigger.html</a></td></tr>
<tr><td valign="top" align="right"><b>Centering a Table on the Page (p.&nbsp;234)</b></td><td valign="top">Figure 16.20: <a href="tables/center_css.html">center_css.html</a>
<br />Figure 16.21: <a href="tables/center.css">center.css</a>
<br />Using only CSS: <a href="tables/center_css_nohtml.html">center_css_nohtml.html</a> with <a href="tables/center.css">center.css</a>
<br />Using only XHTML: <a href="tables/center_html.html">center_html.html</a> with <a href="tables/width.css">width.css</a></td></tr>
<tr><td valign="top" align="right"><b>Wrapping Text around a Table (p.&nbsp;235)</b></td><td valign="top">Figure 16:23 (using only XHTML): <a href="tables/wrap.html">wrap.html</a>
<br />Figure 16.24: <a href="tables/float.css">float.css</a> (Note: some coloring is added here. For more details, see <a href="#c10">page 160</a>.
<br />Figure 16.25: <a href="tables/float.html">float.html</a> with <a href="tables/float.css">float.css</a></td></tr>
<tr><td valign="top" align="right"><b>Combining Tables (pp.&nbsp;236-7)</b></td><td valign="top">Figure 16.26: <a href="tables/nest.html">nest.html</a>
<br />Figure 16.27: <a href="tables/nest.html">nest.html</a> with <a href="tables/nest.css">nest.css</a>
<br />Figures 16.28 and 16.30: <a href="tables/multiple.html">multiple.html</a>
<br />Figure 16.29: <a href="tables/multiple.css">multiple.css</a>
<br />Using a pixel shim to keep the left column from collapsing when the browser window is very narrow: <a href="tables/multiple_pixelshim.html">multiple_pixelshim.html</a>>
<br />I've added the pixel shim to the rest of the examples in this chapter.</td></tr>
<tr><td valign="top" align="right"><b>Aligning a Cell&rsquo;s Contents (pp.&nbsp;238-9)</b></td><td valign="top">Figure 16.31: <a href="tables/valign.html">valign.html</a>
<br />Figure 16.32: <a href="tables/nest.css">nest.css</a>
<br />Using only CSS: <a href="tables/align_css_nohtml.html">align_css_nohtml.html</a> with <a href="tables/align.css">align.css</a></td></tr>
<tr><td valign="top" align="right"><b>Changing the Background (p.&nbsp;240)</b></td><td valign="top">Figures 16.35 and 16.36 (Changing background color with XHTML and foreground color with CSS): <a href="tables/bgcolor_html.html">bgcolor_html.html</a>
 with <a href="tables/bgcolor_html.css">bgcolor_html.css</a> 
<br />Figures 16.37 and 16.38 (Changing both background (including image) and foreground with only CSS: <a href="tables/background_css_nohtml.html">background_css_nohtml.html</a> with <a href="tables/background.css">background.css</a></td></tr>
<tr><td valign="top" align="right"><b>Controlling the Space (p.&nbsp;242)</b></td><td valign="top">Figures 16.40, 16.41, and 16.42: <a href="tables/space_html.html">space_html.html</a> with <a href="tables/background.css">background.css</a>
<br />Figure 16.43 and 16.44, Using XHTML and CSS: <a href="tables/spacenew.html">spacenew.html</a> with <a href="tables/spacenew.css">spacenew.css</a>
<br />Note that the pixel shim was reduced to 110 pixels from these examples forward in order to leave room for the padding.</td></tr>
<tr><td valign="top" align="right"><b>Spanning a Cell across Columns (p.&nbsp;244)</b></td><td valign="top">Figure 16.45: <a href="tables/colspan.html">colspan.html</a> with <a href="tables/colspannew.css">colspannew.css</a></td></tr>
<tr><td valign="top" align="right"><b>Spanning a Cell across Rows (p.&nbsp;245)</b></td><td valign="top">Figure 16.47: <a href="tables/rowspan.html">rowspan.html</a> with <a href="tables/colspannew.css">colspannew.css</a></td></tr>
<tr><td valign="top" align="right"><b>Dividing Your Table into Column Groups (p.&nbsp;246)</b></td><td valign="top">Figure 16.49: <a href="tables/colgroup.html">colgroup.html</a>, Figure 16.50: <a href="tables/colgroup.css">colgroup.css</a>
<br />Figure 16.52: <a href="tables/col.html">col.html</a>, Figure 16.53: <a href="tables/col.css">col.css</a></td></tr>
<tr><td valign="top" align="right"><b>Dividing the Table into Horizontal Sections (p.&nbsp;248)</b></td><td valign="top">Figure 16.55: <a href="tables/tbody.html">tbody.html</a>, Figure 16.56: <a href="tables/tbody.css">tbody.css</a></td></tr>
<tr><td valign="top" align="right"><b>Choosing Which Borders to Display (p.&nbsp;249)</b></td><td valign="top">Figure 16.58: <a href="tables/frame.html">frame.html</a>, Figure 16.59: <a href="tables/frame.css">frame.css</a>
<br />Figures 16.61 and 16.62: <a href="tables/rules_cols.html">rules_cols.html</a> with <a href="tables/frame.css">frame.css</a>
<br />Figures 16.63 and 16.64: <a href="tables/rules_groups.html">rules_groups.html</a> with <a href="tables/frame.css">frame.css</a></td></tr>
<tr><td valign="top" align="right"><b>Controlling Line Breaks in a Cell (p.&nbsp;251)</b></td><td valign="top">Figure 16.65: <a href="tables/nowrap_bef.html">nowrap_bef.html</a> with <a href="tables/frame.css">frame.css</a>
<br />Figures 16.66 and 16.67: <a href="tables/nowrap.html">nowrap.html</a> with <a href="tables/frame.css">frame.css</a>
<br />Note: You may want to make the examples window very narrow to see the full effect of the <code>nowrap</code> attribute.</td></tr>
<tr><td valign="top" align="right"><b>Speeding up Table Display (p.&nbsp;240)</b></td><td valign="top">Figure 16.68: <a href="tables/tabledisplay.css">tabledisplay.css</a>, with <a href="tables/tabledisplay.html">tabledisplay.html</a></td></tr>
</table>


<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c17">17: Forms</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>forms</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Creating a Form (pp.&nbsp;254-5)</b></td><td valign="top">Figure 17.1: <a href="forms/fullform.html">fullform.html</a>
<br />Figure 17.2: <a href="forms/mainform.css">mainform.css</a>
<br />Figure 17.3: <a href="forms/fullform.html">fullform.html</a> and <a href="forms/mainform.css">mainform.css</a></td></tr>
<tr><td valign="top" align="right"><b>Processing Forms (pp.&nbsp;256-7)</b></td><td valign="top">Figure 17.4: <a href="forms/showform.txt">showform.txt</a> Note: you'll have to change the extension to .php for it to work properly.</td></tr>
<tr><td valign="top" align="right"><b>Sending Form Data via E-mail (pp.&nbsp;258-9)</b></td><td valign="top">Figure 17.6: <a href="forms/emailform.txt">emailform.php</a> Note: you'll have to change the extension to .php for it to work properly.
<br />Figure 17.7: <a href="forms/fullform_email.html">fullform_email.html</a></td></tr>
<tr><td valign="top" align="right"><b>Organizing the Form Elements (pp.&nbsp;260-1)</b></td><td valign="top">Figure 17.10: <a href="forms/fieldsetlegend.html">fieldsetlegend.html</a>, Figure 17.11: <a href="forms/fieldset.css">fieldset.css</a>
<br />Figure 17.13: <a href="forms/plegend.html">plegend.html</a>, Figure 17.11: <a href="forms/plegend.css">plegend.css</a></td></tr>

<tr><td valign="top" align="right"><b>Creating Text Boxes (p.&nbsp;262)</b></td><td valign="top">Figure 17.16: <a href="forms/textboxes.html">textboxes.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Password Boxes (p.&nbsp;263)</b></td><td valign="top">Figure 17.18: <a href="forms/password.html">password.html</a></td></tr>
<tr><td valign="top" align="right"><b>Formally Labeling Form Parts (p.&nbsp;264)</b></td><td valign="top">Figure 17.20: <a href="forms/label.html">label.html</a>, Figure 17.21: <a href="forms/label.css">label.css</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Radio Buttons (p.&nbsp;265)</b></td><td valign="top">Figure 17.23: <a href="forms/radio.html">radio.html</a>, Figure 17.24: <a href="forms/radio.css">radio.css</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Menus (pp.&nbsp;266-7)</b></td><td valign="top">Figure 17.26: <a href="forms/menu.html">menu.html</a>, Figure 17.27: <a href="forms/menu.css">menu.css</a>
<br />Figure 17.29: <a href="forms/submenu.html">submenu.html</a> with <a href="forms/menu.css">menu.css</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Checkboxes (p.&nbsp;268)</b></td><td valign="top">Figure 17.31: <a href="forms/checkboxes.html">checkboxes.html</a>, Figure 17.32: <a href="forms/checkboxes.css">checkboxes.css</a></td></tr>

<tr><td valign="top" align="right"><b>Creating Larger Text Areas (p.&nbsp;269)</b></td><td valign="top">Figure 17.34: <a href="forms/textarea.html">textarea.html</a>, Figure 17.35: <a href="forms/textarea.css">textarea.css</a></td></tr>
<tr><td valign="top" align="right"><b>Allowing Visitors to Upload Files (p.&nbsp;270)</b></td><td valign="top">Figure 17.37: <a href="forms/uploading.html">uploading.html</a> with <a href="forms/uploading_cgi.txt">uploading.cgi</a> (change name to "uploading.cgi" before using)</td></tr>
<tr><td valign="top" align="right"><b>Creating the Submit Button (pp.&nbsp;272-3)</b></td><td valign="top">Figure 17.40: <a href="forms/submit.html">submit.html</a>, Figure 17.41: <a href="forms/submit.css">submit.css</a>
<br />Figure 17.43: <a href="forms/buttonsubmit.html">buttonsubmit.html</a>, Figure 17.44: <a href="forms/button.css">button.css</a></td></tr>
<tr><td valign="top" align="right"><b>Resetting the Form (pp.&nbsp;274-5)</b></td><td valign="top">Figure 17.46: <a href="forms/reset.html">reset.html</a>, Figure 17.47: <a href="forms/submit.css">submit.css</a>
<br />Figure 17.49: <a href="forms/buttonreset.html">buttonreset.html</a> with <a href="forms/button.css">button.css</a> with <a href="forms/vote.cgi">vote.cgi</a></td></tr>

<tr><td valign="top" align="right"><b>Using an Image to Submit Data (p.&nbsp;276)</b></td><td valign="top">Figure 17.51: <a href="forms/zonemap.html">zonemap.html</a> with <a href="forms/zonemap.txt">zonemap.php</a> (Note: You'll have to change the extension of the php file to "php" for it to work properly.</td></tr>
<tr><td valign="top" align="right"><b>Setting the Tab Order in a Form (p.&nbsp;277)</b></td><td valign="top">Figure 17.54: <a href="forms/taborder.html">taborder.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Keyboard Shortcuts (p.&nbsp;278)</b></td><td valign="top">Figure 17.56: <a href="forms/keyboard.html">keyboard.html</a></td></tr>
<tr><td valign="top" align="right"><b>Disabling Form Elements (p.&nbsp;279)</b></td><td valign="top">Figure 17.58: <a href="forms/disabled.html">disabled.html</a> </td></tr>
<tr><td valign="top" align="right"><b>Keeping Elements from Being Changed (p.&nbsp;280)</b></td><td valign="top"><a href="forms/readonly.html">readonly.html</a></td></tr>
</table>


<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c18">18: Multimedia</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>multimedia</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Linking to Multimedia Files (p.&nbsp;285)</b></td><td valign="top">Figure 18.5: <a href="http://catalunyalive.blogspot.com/2006/06/we-are-nation.html">Blog Entry</a>, Figure 18.6: <a href="http://www.sarahsnotecards.com/catalunyalive/segadors.mov">segadors.mov</a></td></tr>

<tr><td valign="top" align="right"><b>Embedding QuickTime Movies for Windows (pp.&nbsp;286-7)</b></td><td valign="top">Figure 18.7: <a href="multimedia/justforie.html">justforie.html</a></td></tr>
<tr><td valign="top" align="right"><b>Embedding QuickTime Movies for Everyone besides IE (pp.&nbsp;288-9)</b></td><td valign="top">Figure 18.9: <a href="multimedia/forstandards.html">forstandards.html</a></td></tr>
<tr><td valign="top" align="right"><b>Embedding QuickTime Movies for All (pp.&nbsp;290-1)</b></td><td valign="top">Figure 18.12: <a href="multimedia/forall.html">forall.html</a>
<br />Figure 18.14: <a href="multimedia/hide2ndobject.html">hide2ndobject.html</a></td></tr>
<tr><td valign="top" align="right"><b>Using JavaScript to Call a Movie (p.&nbsp;292-3)</b></td><td valign="top">Figure 18.16: <a href="multimedia/jsmovie.js">jsmovie.js</a>
<br />Figure 18.17: <a href="multimedia/jsmovie_lines.js">jsmovie_lines.js</a> (View with <a href="multimedia/jsmovie_lines.html">jsmovie_lines.html</a>
<br />Figure 18.18: <a href="multimedia/jsmovie.html">jsmovie.html</a></td></tr>

<tr><td valign="top" align="right"><b>Scaling a QuickTime Movie (p.&nbsp;294)</b></td><td valign="top"><a href="multimedia/scale.html">scale.html</a></td></tr>
<tr><td valign="top" align="right"><b>Changing the Movie's Background Color (p.&nbsp;295)</b></td><td valign="top"><a href="multimedia/bgcolor.html">bgcolor.html</a></td></tr>

<tr><td valign="top" align="right"><b>Looping a QuickTime Movie (p.&nbsp;296)</b></td><td valign="top"><a href="multimedia/loop.html">loop.html</a></td></tr>
<tr><td valign="top" align="right"><b>Offering a Preview Movie (p.&nbsp;297)</b></td><td valign="top"><a href="multimedia/preview.html">preview.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Attributes to Secodary Movies (p.&nbsp;298)</b></td><td valign="top"><a href="multimedia/preview-loop.html">preview-loop.html</a></td></tr>
<tr><td valign="top" align="right"><b>Offering a Sequel (p.&nbsp;299)</b></td><td valign="top"><a href="multimedia/sequel.html">sequel.html</a></td></tr>


<tr><td valign="top" align="right"><b>Embedding MP3 Audio on a Page (p.&nbsp;300)</b></td><td valign="top">Figure 18.32: <a href="multimedia/embedmp3-new.html">embedmp3-new.html</a></td></tr>

<tr><td valign="top" align="right"><b>Embedding Windows Media, Part 1 (pp.&nbsp;302-3)</b></td><td valign="top">Figure 18.42: <a href="multimedia/hide2ndwmv.html">hide2ndwmv.html</a></td></tr>
<tr><td valign="top" align="right"><b>Embedding Windows Media, Part 2 (p.&nbsp;304)</b></td><td valign="top">Figure 18.46: <a href="multimedia/newwmv.html">newwmv.html</a></td></tr>
<tr><td valign="top" align="right"><b>Embedding Flash (p.&nbsp;305)</b></td><td valign="top">Figure 18.48: <a href="multimedia/embedflash.html">embedflash.html</a></td></tr>
<tr><td valign="top" align="right"><b>Embedding Google and YouTube Video (pp.&nbsp;306-7)</b></td><td valign="top">Figure 18.50: <a href="http://video.google.com/videoplay?docid=-7846432935207118176&amp;q=vilaweb">Vilaweb on Google Video</a>
<br />Figure 18.51: <a href="multimedia/googlevideoobject.html">googlevideoobject.html</a>
<br />Figure 18.54: <a href="multimedia/youtube-object.html">youtube-object.html</a></td></tr>

<tr><td valign="top" align="right"><b>Inserting Java Applets (p.&nbsp;308)</b></td><td valign="top"><a href="multimedia/javaobject.html">javaobject.html</a></td></tr>

<tr><td valign="top" align="right"><b>Creating an Automatic Slide Show (p.&nbsp;310)</b></td><td valign="top"><a href="multimedia/slide1.html">slide1.html</a> with <a href="multimedia/slides.css">slides.css</a>
<br /><a href="multimedia/slide2.html">slide2.html</a><br /><a href="multimedia/slide3.html">slide3.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c19">19: Scripts</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>scripts</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Adding an &ldquo;Automatic&rdquo; Script (p.&nbsp;312)</b></td><td valign="top">Figure 19.1: <a href="scripts/simple.html">simple.html</a></td></tr>
<tr><td valign="top" align="right"><b>Calling an External Automatic Script (p.&nbsp;313)</b></td><td valign="top">Figure 19.3: <a href="scripts/extscript.txt">extscript.txt</a>, Figure 19.4: <a href="scripts/extern.html">extern.html</a></td></tr>
<tr><td valign="top" align="right"><b>Triggering a Script (pp.&nbsp;314-5)</b></td><td valign="top">Figure 19.7: <a href="scripts/event.html">event.html</a></td></tr>
<tr><td valign="top" align="right"><b>Creating a Button that Executes a Script (p.&nbsp;316)</b></td><td valign="top">Figure 19.10: <a href="scripts/button.html">button.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Alternate Information (p.&nbsp;317)</b></td><td valign="top">Figure 19.13: <a href="scripts/noscript.html">noscript.html</a></td></tr>
<tr><td valign="top" align="right"><b>Hiding Scripts from Older Browsers (p.&nbsp;318)</b></td><td valign="top">Figure 19.17: <a href="scripts/hide.html">hide.html</a></td></tr>
<tr><td valign="top" align="right"><b>Hiding Scripts from XML Parsers (p.&nbsp;319)</b></td><td valign="top">Figure 19.19: <a href="scripts/time.xml">time.xml</a></td></tr>
<tr><td valign="top" align="right"><b>Setting the Default Scripting Language (p.&nbsp;320)</b></td><td valign="top">Figure 19.20: <a href="scripts/default.html">default.html</a></td></tr>
</table>


<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c20">20: JavaScript Essentials</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>javascript</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Adding the Current Date and Time (p.&nbsp;322)</b></td><td valign="top">Figure 20.1: <a href="javascript/time.js">time.js</a><br />
Figures 20.2 and 20.3: <a href="javascript/time.html">time.html</a></td></tr>
<tr><td valign="top" align="right"><b>Setting a New Window&rsquo;s Size (p.&nbsp;323)</b></td><td valign="top">Figure 20.4: <a href="javascript/hawthorne.html">hawthorne.html</a></td></tr>
<tr><td valign="top" align="right"><b>Changing an Image When a Visitor Points (p.&nbsp;324)</b></td><td valign="top">Figure 20.7: <a href="javascript/rollover.html">rollover.html</a></td></tr>
<tr><td valign="top" align="right"><b>Loading Images into Cache (p.&nbsp;326)</b></td><td valign="top">Figure 20.11: <a href="javascript/loadimages.js">loadimages.js</a>, Figure 20.12: <a href="javascript/loadimages.html">loadimages.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c21">21: Symbols and Non-English Characters</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>multilingual</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Symbols and Non-English Characters (p.&nbsp;327)</b></td><td valign="top"><a href="http://www.alanwood.net/unicode/" target="outside">Alan Wood&rsquo;s Unicode Resources</a>
<br /><a href="http://www.w3.org/International" target="outside">Richard Ishida's pages at the W3C</a></td></tr>
<tr><td valign="top" align="right"><b>About Character Encodings (p.&nbsp;329)</b></td><td valign="top"><a href="http://www.cookwood.com/entities/" target="outside">(X)HTML Entity References</a></td></tr>
<tr><td valign="top" align="right"><b>Declaring Your Page&rsquo;s Character Encoding (p.&nbsp;330)</b></td><td valign="top">Figure 21.6: <a href="multilingual/booklanguages.html">booklanguages.html</a>
<br />Figure 21.7: <a href="multilingual/booklanguages-noencode.html">booklanguages-noencode.html</a></td></tr>
<tr><td valign="top" align="right"><b>Declaring a Style Sheet's Encoding (p.&nbsp;332)</b></td><td valign="top">Figure 21.9: <a href="multilingual/estils.css">estils.css</a></td></tr>
<tr><td valign="top" align="right"><b>Saving Your Page with the Proper Encoding (p.&nbsp;333)</b></td><td valign="top"><a href="http://www.w3.org/International/O-charset-lang.html" target="outside">Common Character Encodings</a></td></tr>
<tr><td valign="top" align="right"><b>Editing a Page with the Proper Encoding (p.&nbsp;334)</b></td><td valign="top">Figure 21.12: <a href="multilingual/windowslatin1.html">windowslatin1.html</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Characters from Outside the Encoding (pp.&nbsp;336-7)</b></td><td valign="top"><a href="http://www.unicode.org/charts/" target="outside">Unicode.org charts</a>
<br /><a href="http://www.cookwood.com/entities/" target="outside">(X)HTML Entity References</a>
<br />Figure 21.18: <a href="multilingual/references.html">references.html</a></td></tr>
<tr><td valign="top" align="right"><b>Specifying Your Page&rsquo;s Language (p.&nbsp;338)</b></td><td valign="top">Figure 21.20: <a href="multilingual/lang_fr.html">lang_fr.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c22">22: Testing and Debugging Web Pages</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>debugging</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Validating Your Code (p.&nbsp;345)</b></td><td valign="top"><a href="http://validator.w3.org/" target="outside">W3C (X)HTML Validator</a>
<br /><a href="http://jigsaw.w3.org/css-validator/" target="outside">W3C CSS Validator</a><br /><a href="debugging/validation.html">validation.html</a></td></tr>
<tr><td valign="top" align="right"><b>Testing Your Page (p.&nbsp;346)</b></td><td valign="top">Figures 22.16 and 22.17: <a href="debugging/testbad.html">testbad.html</a> with <a href="debugging/testpage.css">testpage.css</a>
<br />Figure 22.18: <a href="debugging/testfixed.html">testfixed.html</a> with <a href="debugging/testpage.css">testpage.css</a></td></tr>
<tr><td valign="top" align="right"><b>When the Browser Displays the Code (p.&nbsp;348)</b></td><td valign="top">Figures 22.19 and 22.20: <a href="debugging/maryanna.html">maryanna.html</a></td></tr>
<tr><td valign="top" align="right"><b>When Images Don&rsquo;t Appear (p.&nbsp;349)</b></td><td valign="top">Figure 22.21: <a href="debugging/noimage.html">noimage.html</a></td></tr>
<tr><td valign="top" align="right"><b>Differences from Browser to Browser (p.&nbsp;350)</b></td><td valign="top">Figure 22.24: <a href="forms/checkboxes.html">forms/checkboxes.html</a></td></tr>
<tr><td valign="top" align="right"><b>Still Stuck? (p.&nbsp;351)</b></td><td valign="top"><a href="http://www.cookwood.com/cgi-bin/htmlbbs.pl" target="outside">Question and Answer Forum</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c23">23: Publishing Your Pages on the Web</h2></td></tr>
<tr><td valign="top" align="right"><b>Getting Your Own Domain Name (p.&nbsp;355)</b></td><td valign="top"><a href="http://www.internic.net/alpha.html" target="outside">InterNIC - Registrar List</a></td></tr>
<tr><td valign="top" align="right"><b>Transferring Files to the Server (pp.&nbsp;356-9)</b></td><td valign="top"><a href="http://www.ipswitch.com/products/ws_ftp/" target="outside">Ipswitch</a>
<br /><a href="http://fetchsoftworks.com/" target="outside">Fetch Softworks</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c24">24: Getting People to Visit</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>publicizing</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Getting People to Visit (p.&nbsp;361)</b></td><td valign="top"><a href="http://www.webmonkey.com/01/23/index1a.html" target="outside">Search Engine Optimization -- FREE! by Paul Boutin</a>
<br /><a href="http://www.hotwired.com/webmonkey/99/31/index1a.html" target="outside">Sending Search Engine Traffic to Your Site by Paul Boutin</a>
<br /><a href="http://searchenginewatch.com/" target="outside">SearchEngineWatch</a></td></tr>
<tr><td valign="top" align="right"><b>About Keywords (p.&nbsp;362)</b></td><td valign="top">Figure 24.1: <a href="publicizing/barcelonamarket.html">barcelonamarket.html</a></td></tr>
<tr><td valign="top" align="right"><b>Explicitly Listing Keywords (p.&nbsp;363)</b></td><td valign="top">Figure 24.3: <a href="publicizing/keywords_meta.html">keywords_meta.html</a></td></tr>
<tr><td valign="top" align="right"><b>Providing a Description of Your Page (p.&nbsp;364)</b></td><td valign="top">Figure 24.4: <a href="publicizing/description_meta.html">description_meta.html</a></td></tr>
<tr><td valign="top" align="right"><b>Controlling Other Information (p.&nbsp;365)</b></td><td valign="top">Figure 24.6: <a href="publicizing/otherinfo_meta.html">otherinfo_meta.html</a></td></tr>
<tr><td valign="top" align="right"><b>Keeping Visitors Away (p.&nbsp;366)</b></td><td valign="top">Figure 24.8: <a href="publicizing/robotsout.html">robotsout.html</a></td></tr>
<tr><td valign="top" align="right"><b>Keeping Pages From Being Archived (p.&nbsp;367)</b></td><td valign="top">Figure 24.10: <a href="publicizing/noarchive.html">noarchive.html</a></td></tr>
<tr><td valign="top" align="right"><b>Submitting Your Site to a Search Engine (p.&nbsp;370)</b></td><td valign="top">Figure 24.15: <a href="http://www.google.com/addurl.html" target="outside">Add your URL to Google</a>
<br /><a href="http://docs.yahoo.com/info/suggest/" target="outside">Yahoo! - How to Suggest Your Site</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c25">25: Syndication and Podcasting</h2><p>All of the examples  in this chapter (unless otherwise noted) can be found in the <b>syndicating</b> folder.</p></td></tr>
<tr><td valign="top" align="right"><b>Starting an RSS Feed (p.&nbsp;379)</b></td><td valign="top">Figure 25.4: <a href="syndicating/start.xml">start.xml</a>
<br />Sidebar: <a href="http://reinventedsoftware.com/feeder/" target="outside">Feeder</a></td></tr>
<tr><td valign="top" align="right"><b>Describing Your Site in the Feed (pp.&nbsp;380-1)</b></td><td valign="top">Figure 25.5: <a href="syndicating/channel.xml">channel.xml</a>
<br /><a href="http://www.rssboard.org/rss-specification">RSS specification</a></td></tr>
<tr><td valign="top" align="right"><b>Adding Items to a Feed (pp.&nbsp;382-3)</b></td><td valign="top">Figure 25.6: <a href="syndicating/items.xml">items.xml</a>
<br /><a href="http://www.newsgator.com/home.aspx" target="outside">NewsGator (makers of NetNewsWire shown in Figure 25.7)</a>
<br /><a href="http://search.yahoo.com/mrss" target="outside">RSS Media Module</a> (used by Flickr for Photo feeds)</td></tr>
<tr><td valign="top" align="right"><b>Add an Enclosure (pp.&nbsp;384-5)</b></td><td valign="top">Figure 25.9: <a href="syndicating/enclosure.xml">enclosure.xml</a>
<br /><a href="http://www.iana.org/assignments/media-types" target="outside">Mime types</a></td></tr>
<tr><td valign="top" align="right"><b>Creating Podcasts for iTunes (pp.&nbsp;386-391)</b></td><td valign="top">Figure 25.12: <a href="syndicating/namespace.xml">namespace.xml</a>
<br />Figure 25.13: <a href="syndicating/contact.xml">contact.xml</a>
<br />Figure 25.14: <a href="syndicating/podcastinfo.xml">podcastinfo.xml</a>
<br />Figure 25.17: <a href="syndicating/episodeinfo.xml">episodeinfo.xml (same as real feed on catalunyalive.blogspot.com for Jul/06)</a>
</td></tr>
<tr><td valign="top" align="right"><b>Validating a Feed (p.&nbsp;392)</b></td><td valign="top">Figure 25.20: <a href="http://feedvalidator.org/" target="outside">Feed Validator</a></td></tr>
<tr><td valign="top" align="right"><b>Publishing Your RSS Feed on Your Site (p.&nbsp;394)</b></td><td valign="top">Figures 25.25 - 25.29: <a href="http://lizcastrohtml.blogspot.com/">Liz Castro on HTML, XHTML, and CSS (View source to see the code for the links to the feed.)</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c27">A: (X)HTML Elements and Attributes</h2></td></tr>
<tr><td valign="top" align="right"><b>(X)HTML Elements and Attributes (p.&nbsp;429)</b></td><td valign="top"><a href="http://www.cookwood.com/html/extras/xhtml_ref.html" target="outside">(X)HTML Elements and Attributes</a>
<br /><a href="http://www.w3.org/TR/html401/" target="outside">W3C - Official HTML 4.01 specs</a>
<br /><a href="http://www.w3.org/TR/xhtml1/" target="outside">W3C - Official XHTML 1 specs</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c28">B: CSS Properties and Values</h2></td></tr><tr><td valign="top" align="right"><b>CSS Properties and Values (p.&nbsp;439)</b></td>
<td valign="top"><a href="http://www.cookwood.com/html/extras/cssref.html" target="outside">CSS Properties and Values</a>
<br /><a href="http://www.w3.org/TR/REC-CSS2/" target="outside">W3C - Official CSS 2 specs</a>
<br /><a href="http://www.w3.org/TR/CSS21/" target="outside">W3C - Official CSS 2.1 specs</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c29">C: Intrinsic Events</h2></td></tr><tr><td valign="top" align="right"><b>Intrinsic Events (p.&nbsp;447)</b></td>
<td valign="top"><a href="http://www.cookwood.com/html/extras/events.html">events.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c30">D: (X)HTML Symbols and Characters</h2></td></tr>
<tr><td valign="top" align="right"><b>(X)HTML Symbols and Characters (p.&nbsp;449)</b></td>
<td valign="top"><a href="http://www.cookwood.com/html/extras/entities.html" target="outside">(X)HTML Entity References</a>
<br /><a href="http://www.unicode.org/" target="outside">Unicode.org</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c31">E: Hexadecimals</h2></td></tr><tr><td valign="top" align="right"><b>Hexadecimals (p.&nbsp;459)</b></td>
<td valign="top"><a href="http://www.cookwood.com/html/extras/hexchart.html">hexchart.html</a></td></tr>
</table>

<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c32">F: (X)HTML Tools</h2></td></tr>
<tr><td valign="top" align="right"><b>(X)HTML Editors (p.&nbsp;462)</b></td><td valign="top"><a href="http://www.cookwood.com/html/extras/tools.html">tools.html</a></td></tr>
<tr><td valign="top" align="right"><b>Images and Graphics (p.&nbsp;464)</b></td><td valign="top"><a href="http://www.cookwood.com/html/extras/tools.html">tools.html</a></td></tr>
<tr><td valign="top" align="right"><b>Graphics Tools (p.&nbsp;464)</b></td><td valign="top"><a href="http://www.cookwood.com/html/extras/tools.html">tools.html</a></td></tr>
</table><!--<table cellspacing="0" cellpadding="0" border="0"><tr><td colspan="2" class="chapter"><h2 id="c33">Index</h2></td></tr><tr><td valign="top" align="right"><b>Index (p.&nbsp;465)</b></td><td valign="top"><a href="/html5ed/contents/index_a.html" target="outside">Index</a></td></tr>

</table>-->


</div>

</body>
</html>

Anon7 - 2022
AnonSec Team