<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xhtml-default.css" type="text/css" media="screen, aural, print" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
	"http://www.w3.org/MarkUp/DTD/xhtml-basic10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head xml:lang="en" profile="profile">
    <base href="http://www.w3.org/People/mimasa/test/schemas/xhtml-basic-sample.xml" />
    <meta http-equiv="Content-Language" content="en" />
    <title xml:lang="en">Sample XHTML Basic document</title>
    <link rev="made" href="mailto:mimasa@w3.org" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <link href="xhtml-default.css" type="text/css" rel="stylesheet" media="screen, aural, print" />
    <meta xml:lang="en" name="keywords" content="XHTML, sample" />
    <meta scheme="Dublin Core" name="DC.CREATOR" content="ISHIKAWA, Masayasu" />
    <link id="help.link" class="help.link" title="For more information, see HTML 4 Specification." xml:lang="en" charset="ISO-8859-1" href="http://www.w3.org/TR/html4" rel="Help" />
  </head>
  <body id="body" class="body" title="body" xml:lang="en">

    <h1 id="title" class="title" title="document title" xml:lang="en"
   >Sample XHTML Basic document</h1>


    <h2 id="ToC">Contents</h2>

    <ul>
      <li><a href="#grouping.heading">Grouping elements: <code>div</code> and <code>span</code></a></li>
      <li><a href="#headings.heading">Headings: <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, <code>h6</code></a></li>
      <li><a href="#address.heading">Address: <code>address</code></a></li>
      <li><a href="#text.heading">Text</a>
        <ul>
	  <li><a href="#phrase.heading">Phrase elements: <code>em</code>, <code>strong</code>, <code>dfn</code>, <code>code</code>, <code>samp</code>, <code>kbd</code>, <code>var</code>, <code>cite</code>, <code>abbr</code>, and <code>acronym</code></a></li>
	  <li><a href="#fonts.heading">Font style elements: <code>tt</code>, <code>i</code>, <code>b</code>, <code>big</code>, and <code>small</code></a></li>
	  <li><a href="#quotations.heading">Quotations: <code>blockquote</code> and <code>q</code></a></li>
	  <li><a href="#p.heading">Paragraphs: <code>p</code></a></li>
	  <li><a href="#br.heading">Forcing a line break: <code>br</code></a></li>
	  <li><a href="#pre.heading">Preformatted text: <code>pre</code></a></li>
	</ul>
      </li>
      <li><a href="#lists.heading">Lists</a>
        <ul>
	  <li><a href="#ul.heading">Unordered lists: <code>ul</code></a></li>
	  <li><a href="#ol.heading">Ordered lists: <code>ol</code></a></li>
	  <li><a href="#dl.heading">Definition lists: <code>dl</code></a></li>
        </ul>
      </li>
      <li><a href="#tables.heading">Tables</a>
        <ul>
          <li><a href="#tables.header.heading">Associating header information with data cells</a></li>
	  <li><a href="#tables.categorize.heading">Basic table, with categorizing cells</a></li>
        </ul>
      </li>
      <li><a href="#a.heading">Anchors: <code>a</code></a></li>
      <li><a href="#objects.heading">Objects, Images, and Applets</a>
        <ul>
          <li><a href="#img.heading">Including an image: <code>img</code></a></li>
          <li><a href="#object.heading">Generic inclusion: <code>object</code></a></li>
        </ul>
      </li>
      <li><a href="#forms.heading">Forms</a></li>
    </ul>


    <div id="div.grouping" class="grouping" xml:lang="en">
    <h2 id="grouping.heading" class="grouping" xml:lang="en">Grouping elements: <code>div</code> and <code>span</code></h2>

    <div title="div contains Flow" xml:lang="en">
    <div id="div" class="div" title="div" xml:lang="en"><code>div</code></div>
    <span id="span" class="span" title="span" xml:lang="en"><code>span</code></span>
    </div>
    </div>

    <div id="div.headings" class="headings" title="headings" xml:lang="en">
    <h2 id="headings.heading" class="headings" xml:lang="en">Headings: <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, <code>h6</code></h2>

      <h1 id="h1" class="h1" title="h1" xml:lang="en">h1</h1>
      <h2 id="h2" class="h2" title="h2" xml:lang="en">h2</h2>
      <h3 id="h3" class="h4" title="h3" xml:lang="en">h3</h3>
      <h4 id="h4" class="h4" title="h4" xml:lang="en">h4</h4>
      <h5 id="h5" class="h5" title="h5" xml:lang="en">h5</h5>
      <h6 id="h6" class="h6" title="h6" xml:lang="en">h6</h6>
    </div>

    <div id="div.address">
    <h2 id="address.heading">Address: <code>address</code></h2>

    <address id="address" class="address" title="address" xml:lang="en">
     Address
    </address>
    </div>

    <div id="div.text">
    <h2 id="text.heading">Text</h2>

    <div id="div.phrase">
    <h3 id="phrase.heading">Phrase elements: <code>em</code>, <code>strong</code>, <code>dfn</code>, <code>code</code>, <code>samp</code>, <code>kbd</code>, <code>var</code>, <code>cite</code>, <code>abbr</code>, and <code>acronym</code></h3>

    <ul>
      <li><em id="em" class="em" title="em" xml:lang="en">em</em></li>
      <li><strong id="strong" class="strong" title="strong" xml:lang="en">strong</strong></li>
      <li><dfn id="dfn" class="dfn" title="dfn" xml:lang="en">dfn</dfn></li>
      <li><code id="code" class="code" title="code" xml:lang="en">code</code></li>
      <li><samp id="samp" class="samp" title="samp" xml:lang="en">samp</samp></li>
      <li><kbd id="kbd" class="kbd" title="kbd" xml:lang="en">kbd</kbd></li>
      <li><var id="var" class="var" title="var" xml:lang="en">var</var></li>
      <li><cite id="cite" class="cite" title="cite" xml:lang="en">cite</cite></li>
     <li>abbr: <abbr id="abbr" class="abbr" title="abbreviation" xml:lang="en">abbr.</abbr></li>
     <li>acronym: <acronym id="acronym" class="acronym" title="World Wide Web" xml:lang="en">WWW</acronym></li>
    </ul>
    </div>

    <div id="div.quotations">
    <h3 id="quotations.heading">Quotations:
    <code>blockquote</code> and <code>q</code></h3>

    <p>An example of quotation:</p>

    <blockquote id="blockquote" class="blockquote" title="blockquote"
    xml:lang="en"
    cite="http://www.w3.org/TR/html4/struct/text.html#h-9.2.2">
    <p>John said, <q id="q" class="q" title="q" xml:lang="en-US"
    cite="http://www.w3.org/TR/html4/struct/text.html#h-9.2.2">I saw
    Lucy at lunch, she told me <q>Mary wants you to get some
    ice cream on your way home.</q> I think I will get some at Ben and
    Jerry's, on Gloucester Road.</q></p>
    </blockquote>
    </div>

    <div id="div.p">
    <h3 id="p.heading">Paragraphs: <code>p</code></h3>

    <p id="p" class="p" title="p" xml:lang="en">
    This is paragraph.</p>
    </div>

    <div id="div.br">
    <h3 id="br.heading">Forcing a line break: <code>br</code></h3>

    <p>Line<br id="br" class="br" title="br"/>break</p>
    </div>

    <div id="div.pre">
    <h3 id="pre.heading">Preformatted text: <code>pre</code></h3>

    <pre id="pre" class="pre" title="pre" xml:lang="en">
    This is
        preformatted
    text.
    </pre>
    </div>

    <div id="div.lists">
    <h2 id="lists.heading">Lists</h2>

    <div id="div.ul">
    <h3 id="ul.heading">Unordered lists: <code>ul</code></h3>

    <ul id="ul" class="ul" title="ul" xml:lang="en">
      <li id="ul.li.inline" class="li" title="li" xml:lang="en">"Inline" list item</li>
      <li id="ul.li.block" class="li" title="li" xml:lang="en"><p>"Block" list item</p></li>
    </ul>
    </div>

    <div id="div.ol">
    <h3 id="ol.heading">Ordered lists: <code>ol</code></h3>

    <ol id="ol" class="ol" title="ol" xml:lang="en">
      <li id="ol.li.inline" class="li" title="li" xml:lang="en">"Inline" list item</li>
      <li id="ol.li.block" class="li" title="li" xml:lang="en"><p>"Block" list item</p></li>
    </ol>
    </div>

    <div id="div.dl">
    <h3 id="dl.heading">Definition lists: <code>dl</code></h3>

    <dl id="dl" class="dl" title="dl" xml:lang="en">
      <dt id="dt" class="dt" xml:lang="en">Definition term</dt>
      <dd id="dd.inline" class="dd" title="dd" xml:lang="en">"Inline" definition description</dd>
      <dd id="dd.block" class="dd" title="dd" xml:lang="en">"Block" definition description</dd>
    </dl>
    </div>
    </div>

    <h2 id="tables.heading">Tables</h2>

    <table id="table" class="table" title="table" xml:lang="en" summary="The first column contains inline content in th, and the second column contains block content in th. The third column contains inline content in td, and the forth column contains block content in td.">
      <caption id="caption" class="caption" title="caption" xml:lang="en">Caption</caption>
	<tr id="tbody.tr" class="tbody.tr" title="tbody.tr" xml:lang="en">
	  <th id="tbody.th.inline" class="tbody.th.inline" title="tbody.th.inline" xml:lang="en" rowspan="1" colspan="1">Inline content in <code>th</code></th>
	  <th id="tbody.th.block" class="tbody.th.block" title="tbody.th.block" xml:lang="en" rowspan="1" colspan="1"><p>Block content in <code>th</code></p></th>
	  <td id="tbody.td.inline" class="tbody.td.inline" title="tbody.td.inline" xml:lang="en" rowspan="1" colspan="1">Inline content in <code>td</code></td>
	  <td id="tbody.td.block" class="tbody.td.block" title="tbody.td.block" xml:lang="en" rowspan="1" colspan="1"><p>Block content in <code>td</code></p></td>
	</tr>
    </table>

    <h3 id="tables.header.heading">Associating header information with data cells</h3>

    <table summary="This table contains header information.">
	<tr>
	  <th id="thead.th1" abbr="th" scope="col" rowspan="1" colspan="1">thead.th1</th>
	  <th id="thead.th2" abbr="th" scope="col" rowspan="1" colspan="1">thead.th2</th>
	  <th id="thead.th3" abbr="th" scope="col" rowspan="1" colspan="1">thead.th3</th>
	  <th id="thead.th4" abbr="th" scope="col" rowspan="1" colspan="1">thead.th4</th>
	</tr>
	<tr>
	  <th id="tbody.tr1.th1" abbr="th" scope="row" rowspan="1" colspan="1">tbody.tr1.th1</th>
	  <td id="tbody.tr1.td1" headers="thead.th2 tbody.tr1.th1" rowspan="1" colspan="1">tbody.tr1.td1</td>
	  <td id="tbody.tr1.td2" headers="thead.th3 tbody.tr1.th1" rowspan="1" colspan="1">tbody.tr1.td2</td>
	  <td id="tbody.tr1.td3" headers="thead.th4 tbody.tr1.th1" rowspan="1" colspan="1">tbody.tr1.td3</td>
	</tr>
	<tr>
	  <th id="tbody.tr2.th1" abbr="th" scope="row" rowspan="1" colspan="1">tbody.tr2.th1</th>
	  <td id="tbody.tr2.td1" headers="thead.th2 tbody.tr2.th1" rowspan="1" colspan="1">tbody.tr2.td1</td>
	  <td id="tbody.tr2.td2" headers="thead.th3 tbody.tr2.th1" rowspan="1" colspan="1">tbody.tr2.td2</td>
	  <td id="tbody.tr2.td3" headers="thead.th4 tbody.tr2.th1" rowspan="1" colspan="1">tbody.tr2.td3</td>
	</tr>
    </table>

    <h3 id="tables.categorize.heading">Basic table, with categorizing cells</h3>

    <table summary="This table summarizes travel expenses incurred during August trips to San Jose and Seattle">
      <caption>Travel Expense Report</caption>
      <tr>
        <th></th>
        <th id="a2" axis="expenses">Meals</th>
        <th id="a3" axis="expenses">Hotels</th>
        <th id="a4" axis="expenses">Transport</th>
        <td>subtotals</td>
      </tr>
      <tr>
        <th id="a6" axis="location">San Jose</th>
        <th></th>
        <th></th>
        <th></th>
        <td></td>
      </tr>
      <tr>
        <td id="a7" axis="date">25-Aug-97</td>
        <td headers="a6 a7 a2">37.74</td>
        <td headers="a6 a7 a3">112.00</td>
        <td headers="a6 a7 a4">45.00</td>
        <td></td>
      </tr>
      <tr>
        <td id="a8" axis="date">26-Aug-97</td>
        <td headers="a6 a8 a2">27.28</td>
        <td headers="a6 a8 a3">112.00</td>
        <td headers="a6 a8 a4">45.00</td>
        <td></td>
      </tr>
      <tr>
        <td>subtotals</td>
        <td>65.02</td>
        <td>224.00</td>
        <td>90.00</td>
        <td>379.02</td>
      </tr>
      <tr>
        <th id="a10" axis="location">Seattle</th>
        <th></th>
        <th></th>
        <th></th>
        <td></td>
      </tr>
      <tr>
        <td id="a11" axis="date">27-Aug-97</td>
        <td headers="a10 a11 a2">96.25</td>
        <td headers="a10 a11 a3">109.00</td>
        <td headers="a10 a11 a4">36.00</td>
        <td></td>
      </tr>
      <tr>
        <td id="a12" axis="date">28-Aug-97</td>
        <td headers="a10 a12 a2">35.00</td>
        <td headers="a10 a12 a3">109.00</td>
        <td headers="a10 a12 a4">36.00</td>
        <td></td>
      </tr>
      <tr>
        <td>subtotals</td>
        <td>131.25</td>
        <td>218.00</td>
        <td>72.00</td>
        <td>421.25</td>
      </tr>
      <tr>
        <th>Totals</th>
        <td>196.27</td>
        <td>442.00</td>
        <td>162.00</td>
        <td>800.27</td>
      </tr>
    </table>

    <h2 id="a.heading">Anchors: <code>a</code></h2>

    <p>For more information about XHTML 1.0, please consult the 
    <a id="a" class="a" title="a" xml:lang="en" href="http://www.w3.org/TR/xhtml1" hreflang="en" accesskey="X" tabindex="1">XHTML 1.0 Specification</a>.</p>

    <p>For more information about semantics of the elements and their
    attributes in XHTML, please consult the 
    <a xml:lang="en" charset="ISO-8859-1" type="text/html" href="http://www.w3.org/TR/html4" hreflang="en" accesskey="H" tabindex="4">HTML 4 Specification</a>.</p>

    <p>Links to the <a href="#tables.heading" rev="Prev" accesskey="P" tabindex="2">previous section</a> and the <a href="#objects.heading" rel="Next" accesskey="N" tabindex="3">next section</a>.</p>

    <p>
    Body elements:
    <a href="#div">div</a>, <a href="#span">span</a>,
    <a href="#h1">h1</a>, <a href="#h2">h2</a>, <a href="#h3">h3</a>,
    <a href="#h4">h4</a>, <a href="#h5">h5</a>, <a href="#h6">h6</a>,
    <a href="#address">address</a>, <a href="#bdo">bdo</a>,
    <a href="#em">em</a>, <a href="#strong">strong</a>, <a href="#dfn">dfn</a>,
    <a href="#code">code</a>, <a href="#samp">samp</a>, <a href="#kbd">kbd</a>,
    <a href="#var">var</a>, <a href="#cite">cite</a>, <a href="#abbr">abbr</a>,
    <a href="#acronym">acronym</a>, <a href="#tt">tt</a>, <a href="#i">i</a>,
    <a href="#b">b</a>, <a href="#big">big</a>, <a href="#small">small</a>,
    <a href="#blockquote">blockquote</a>, <a href="#q">q</a>,
    <a href="#sub">sub</a>, <a href="#sup">sup</a>, <a href="#p">p</a>,
    <a href="#br">br</a>, <a href="#pre">pre</a>,
    <a href="#ins">ins</a>, <a href="#del">del</a>, <a href="#hr">hr</a>,
    <a href="#ul">ul</a>, <a href="#ol">ol</a>, <a href="#ul.li.inline">li</a>,
    <a href="#dl">dl</a>, <a href="#dt">dt</a>, <a href="#dd.inline">dd</a>,
    <a href="#table">table</a>, <a href="#caption">caption</a>,
    <a href="#colgroup">colgroup</a>, <a href="#col">col</a>,
    <a href="#thead">thead</a>, <a href="#tfoot">tfoot</a>,
    <a href="#tbody">tbody</a>, <a href="#thead.tr">tr</a>,
    <a href="#thead.th.inline">th</a>, <a href="#thead.td.inline">td</a>,
    <a href="#a">a</a>, <a href="#img">img</a>, <a href="#object">object</a>,
    <a href="#map">map</a>, <a href="#area">area</a>
    </p>

    <div id="div.objects">
    <h2 id="objects.heading">Objects, Images, and Applets</h2>

    <div id="div.img">
    <h3 id="img.heading">Including an image: <code>img</code></h3>

    <p><img id="img" class="img" title="img" xml:lang="en" src="dot.png" alt="image" longdesc="#img.heading" height="40" width="40"/></p>
    </div>

    <div id="div.object">
    <h3 id="object.heading">Generic inclusion: <code>object</code></h3>

    <p><object id="object" class="object" title="object" xml:lang="en" data="dot.png" type="image/png" height="40" width="40" tabindex="8">
    <param name="width" value="40" valuetype="data" />
    <param name="height" value="40" valuetype="data" />
    <object data="dot.jpg" type="image/jpeg" height="40" width="40">
    <param name="width" value="40" valuetype="data" />
    <param name="height" value="40" valuetype="data" />
    <img src="dot.png" alt="Image" height="40" width="40" />
    </object></object></p>
    </div>

    <h2 id="forms.heading">Forms</h2>

    <form id="form" class="form" title="form" xml:lang="en" action="uri" method="post" enctype="application/x-www-form-urlencoded">
      <p>Input fields</p>

      <p>Text input</p>

      <p>
      <label id="label" class="label" title="Label" xml:lang="en" for="input.text">Text input field:</label>
      <input id="input.text" class="input" title="Text input" xml:lang="en" type="text" name="text" value="default text" size="40" accesskey="T"/>
      </p>

      <p>Password input</p>

      <p>
      <label for="input.password">Password input field:</label>
      <input id="input.password" title="Password input" type="password" size="6" maxlength="6"/>
      </p>

      <p>Checkboxes</p> 
      <p>
      <label for="input.checkbox1">1:</label>
      <input id="input.checkbox1" title="Checkbox" type="checkbox" name="checkbox" value="checkbox1" checked="checked"/>
      <label for="input.checkbox2">2:</label>
      <input id="input.checkbox2" title="Checkbox" type="checkbox" name="checkbox" value="checkbox2"/>
      <label for="input.checkbox3">3:</label>
      <input id="input.checkbox3" title="Checkbox" type="checkbox" name="checkbox" value="checkbox3"/>
      <label for="input.checkbox4">4:</label>
      <input id="input.checkbox4" title="Checkbox" type="checkbox" name="checkbox" value="checkbox4"/>
      <label for="input.checkbox5">5:</label>
      <input id="input.checkbox5" title="Checkbox" type="checkbox" name="checkbox" value="checkbox5"/>
      </p>

      <p>Radio buttons</p>
      <p>
      <label for="input.radio1">a.</label>
      <input id="input.radio1" title="Radio button" type="radio" name="radio" value="radio1"/>
      <label for="input.radio2">b.</label>
      <input id="input.radio2" title="Radio button" type="radio" name="radio" value="radio2"/>
      <label for="input.radio3">c.</label>
      <input id="input.radio3" title="Radio button" type="radio" name="radio" value="radio3" checked="checked"/>
      <label for="input.radio4">d.</label>
      <input id="input.radio4" title="Radio button" type="radio" name="radio" value="radio4"/>
      <label for="input.radio5">e.</label>
      <input id="input.radio5" title="Radio button" type="radio" name="radio" value="radio5"/>
      </p>

      <p>Submit/Reset</p>
      <p><input id="input.submit" title="Submit button" type="submit" value="Submit"/>
      <input id="input.reset" title="Reset button" type="reset" value="Reset"/>
      </p>

      <p><input title="Hidden input control" type="hidden" value="hidden_value"/></p>
    
      <p>Option selector</p>

      <p><label for="select">Single selection:</label>
        <select id="select" class="select" title="Select" xml:lang="en" name="select">
	    <option id="option" class="option" title="Option" xml:lang="en" value="Opt1">Option 1</option>
	    <option value="Opt2">Option 2</option>
	    <option value="Opt3">Option 3 (disabled)</option>
	    <option value="Opt4">Option 4 (disabled)</option>
	  <option value="Opt5">Option 5</option>
	  <option selected="selected" value="Opt6">Option 6 (default)</option>
	</select>
      </p>

      <p><label for="select.multiple">Multiple selections:</label>
        <select id="select.multiple" class="select" title="Multiple select" xml:lang="en" name="select.multiple" size="4" multiple="multiple">
	    <option id="option.multiple" class="option" title="Option" xml:lang="en" value="Opt1">Option 1</option>
	    <option value="Opt2">Option 2</option>
	    <option value="Opt3">Option 3 (disabled)</option>
	    <option value="Opt4">Option 4 (disabled)</option>
	  <option value="Opt5">Option 5</option>
	  <option selected="selected" value="Opt6">Option 6 (default)</option>
	</select>
      </p>

      <p>Textarea</p>
      <p><label for="textarea">Textarea:</label>
      <textarea id="textarea" class="textarea" title="Textarea" xml:lang="en" name="textarea" rows="5" cols="20" accesskey="X">default text</textarea></p>

    </form>
  </div>
</div>

    <address title="author" xml:lang="en">
       <a href="mailto:mimasa@w3.org">Masayasu Ishikawa</a>
    </address>

  </body>
</html>
