<!doctype html public "-//W3C//DTD Compact HTML 1.0 Draft//EN"> <html><head> <title>Compact HTML Document Sample</title> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1"> </head> <body> <h1>Compact HTML Document Sample</h1> <h5>Based on: <a href="spec/CHTML/chtml.dtd">chtml.dtd</a> (1997/11/25 by Tomihisa Kamada)</h5> Last modified: 2003/06/18 <hr> <h3><img src="line.gif" alt="========== " align=middle> Headings / Blocks</h3> <h1>Heading Level 1</h1> <h2 align=center>Heading Level 2</h2> <h3 align=right>Heading Level 3</h3> <h4 align=right>Heading Level 4</h4> <h5 align=center>Heading Level 5</h5> <h6 align=left>Heading Level 6</h6> <p align=left>This is a left-aligned paragraph.<br>Can you see so?</p> <p align=center>This is a centering paragraph.<br>Can you see so?</p> <p align=right>This is a right-aligned paragraph.<br>Can you see so?</p> <div align=left>This is a left-aligned division.<br>Can you see so?</div> <div align=center>This is a centering division.<br>Can you see so?</div> <div align=right>This is a right-aligned division.<br>Can you see so?</div> <center>CENTER is a shorthand for DIV with ALIGN=CENTER.</center> <h3><img src="line.gif" alt="========== " align=middle> Link / Images</h3> <p>URL: <a href="http://www.si.gunma-u.ac.jp/~hosono/html/chtml.html"> http://www.si.gunma-u.ac.jp/~hosono/html/chtml.html</a> (<a href="chtml_src.html">Source</a>) <br><a href="http://www.w3.org/TR/1998/NOTE-compactHTML-19980209/#appendix1"> Related part</a> of W3C Compact HTML description. <p>There are top-aligned line <img src="line2.gif" alt="T" align=top> and picture <img src="sample/pic.gif" alt="TP" align=top width=50>.<br> There are middle-aligned line <img src="line2.gif" alt="M" align=middle> and picture <img src="sample/pic.gif" alt="MP" align=middle width=60 height=60>.<br> There are bottom-aligned line <img src="line2.gif" alt="B" align=bottom> and picture <img src="sample/pic.gif" alt="BP" align=bottom>. <p> <img src="sample/dog.jpg" alt="LP" align=left vspace=5 hspace=15> <img src="sample/pic.gif" alt="RP" align=right vspace=5 hspace=10> Here are the floating images. Image of the dog will float over the left margin, and subsequent text wraps around the right hand side of this image. Image of 3-object picture will float over the right margin, and the text wraps around its left hand side. <br clear=all> So in this case subsequent text is between these images. </p> <h3><img src="line.gif" alt="========== " align=middle> Lists</h3> <dl> <dt> Term 1 <dd> the definition of first term <dt> Term 2 <dd> the definition of second term <dt> Term 3 <dd> the definition of third term </dl> <ul> <li> first item <li> second item <li> third item </ul> <ol> <li> first item <li> second item <li> third item </ol> <!-- don't use MENU or DIR --> <menu> <li> first item of menu <li> second item <li> third item </menu> <dir> <li> first item of directory <li> second item <li> third item </dir> <h3><img src="line.gif" alt="========== " align=middle> Text / Phrase</h3> <p>This paragraph contains a quotation: <blockquote>This block is a quotation. This block is a quotation. This is a quotation. This is a quotation.</blockquote> The quotation ends here. <pre> This is a preformatted text. </pre> <p>Horizontal rules follow:<br> <hr> <hr width=200 align=right> <hr width="50%" size=10 align=center> <hr noshade> <p>Some HTML comment lines follow:<br> <!-- you should not be able to see this phrase --><br> <!-- <strong>you should not be able to see this phrase</strong> --><br> </p> <h3><img src="line.gif" alt="========== " align=middle> Forms</h3> <form action="http://www.f.si.gunma-u.ac.jp/~hosono/cgi/query.cgi" method=POST> Your name: <input type=text name="name" size=15 maxlength=25 value=""> Your email: <input type=text name="email" size=25 maxlength=40 value=""> <br>Your sex: <select name="sex"> <option value="M" selected> Male <option value="F"> Female </select> Your blood: <input type="radio" name="blood" value="A"> A <input type="radio" name="blood" value="B"> B <input type="radio" name="blood" value="O" checked> O <input type="radio" name="blood" value="AB"> AB <br> <!-- The following item is not displayed. --> <input type="hidden" name="item" value="hidden item" size="20"> <br>Your favorite topics:<br> <input type="checkbox" name="favor" value="A"> Internet / Multimedia <input type="checkbox" name="favor" value="B"> Linguistic / Culture <input type="checkbox" name="favor" value="C"> Sociology <input type="checkbox" name="favor" value="D"> Politics <input type="checkbox" name="favor" value="E"> Economics <input type="checkbox" name="favor" value="F"> Others <br>Please write your message. (fewer than 1000 characters)<br> <textarea name="mesg" rows=5 cols=60></textarea><br> <input type="submit" value=" Submit "><input type="reset" value=" Clear "> </form> <h3><img src="line.gif" alt="========== " align=middle> Characters</h3> <p>Escape sequences:<br> 5 < 7 & 8 > 2</p> <p>Accented characters:<br> Grüß Gott (Hello)</p> <p>Additional characters:<br> 176 ± 2<br> Long. 139°03'50"E, Lat. 36°23'16"N</p> <hr> <a href="http://www.si.gunma-u.ac.jp/~hosono/">Fumio HOSONO</a> <hosono@si.gunma-u.ac.jp> </body></html>