tag:blogger.com,1999:blog-59146883096403428882024-09-06T11:44:13.141-07:00rheological blog孙尉翔http://www.blogger.com/profile/17432584076018329729noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-5914688309640342888.post-29857261880676925712011-11-03T08:46:00.000-07:002011-11-03T08:46:29.746-07:00<h1 id="wrapper"> CSS Basic Elements</h1> The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.<br /> <hr /> <h1 id="headings"> Headings</h1> <h1> Heading 1标题1</h1> <h2> Heading 2标题2</h2> <h3> Heading 3标题3</h3> <h4> Heading 4标题4</h4> <h5> Heading 5标题5</h5> <h6> Heading 6标题6</h6> Normal text 正文<br /> <small><a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#wrapper">[top]</a></small> <br /> <hr /> <h1 id="paragraph"> Paragraph</h1> <table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr><td style="text-align: center;"><a href="http://www.andrewsun.net/panta_rhei/wp-content/uploads/2011/08/Cover.jpg" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="" class="size-thumbnail wp-image-3575" src="http://www.andrewsun.net/panta_rhei/wp-content/uploads/2011/08/Cover-150x150.jpg" title="The Art of Campoli" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">The Art of Campoli</td></tr> </tbody></table> Lorem ipsum dolor sit amet, <a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cited</cite> <q>quotes</q>. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.<br /> <h2> 标题2 Heading 2</h2> 帝国主义各国在大沽口的舰队五月二十一日（6月17日）凌晨占领了大沽炮台，是经过了<em>六小时</em>的激烈战斗的。清朝当局在大沽口设有相当完备的<a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#">炮台</a>，但是对这次战争毫无具体准备。守炮台的官兵仓卒地对敌人的挑战作出了反应，开炮轰击，使敌方为占领炮台付出了一定的代价。据当时李鸿章的一个电报中说，他从清朝驻日本使馆得悉，在这次大沽口之战中，<br /> <blockquote> “英损一舰，日毙一将，俄死伤较多”。</blockquote> Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.<br /> “中英”文——标点《符号》（混）‘排’。"Punctuation" 'marks' (in) -- Chinese or English...<br /> <small><a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#wrapper">[top]</a></small> <br /> <hr /> <h1 id="list_types"> List Types</h1> <h3> Definition List</h3> <dl> <dt>Definition List Title</dt> <dd>This is a definition list division.</dd> </dl> <h3> Ordered List</h3> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h3> Unordered List</h3> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> <small><a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#wrapper">[top]</a></small> <br /> <hr /> <h1 id="form_elements"> Fieldsets, Legends, and Form Elements</h1> <fieldset> <legend>Legend</legend> <br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.<br /> <form> <h2> Form Element</h2> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.<br /> <label for="text_field">Text Field:</label><br /> <input id="text_field" type="text" /><br /> <label for="text_area">Text Area:</label><br /> <textarea id="text_area"></textarea><br /> <label for="select_element">Select Element:</label><br /> <select name="select_element"> <optgroup label="Option Group 1"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </optgroup> <optgroup label="Option Group 2"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </optgroup> </select><br /> <label for="radio_buttons">Radio Buttons:</label><br /> <input class="radio" name="radio_button" type="radio" value="radio_1" /> Radio 1<br /> <input class="radio" name="radio_button" type="radio" value="radio_2" /> Radio 2<br /> <input class="radio" name="radio_button" type="radio" value="radio_3" /> Radio 3<br /> <br /> <label for="checkboxes">Checkboxes:</label><br /> <input class="checkbox" name="checkboxes" type="checkbox" value="check_1" /> Radio 1<br /> <input class="checkbox" name="checkboxes" type="checkbox" value="check_2" /> Radio 2<br /> <input class="checkbox" name="checkboxes" type="checkbox" value="check_3" /> Radio 3<br /> <br /> <label for="password">Password:</label><br /> <input class="password" name="password" type="password" /> <br /> <label for="file">File Input:</label><br /> <input class="file" name="file" type="file" /> <br /> <input class="button" type="reset" value="Clear" /> <input class="button" type="submit" value="Submit" /> </form> </fieldset> <small><a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#wrapper">[top]</a></small> <br /> <hr /> <h1 id="tables"> Tables</h1> <table> <caption>Caption</caption> <thead> <tr> <td>Table Header 1</td><td>Table Header 2</td><td>Table Header 3</td> </tr> </thead><tbody> <tr> <td>Division 1</td><td>Division 2</td><td>Division 3</td> </tr> <tr> <td>Division 1</td><td>Division 2</td><td>Division 3</td> </tr> <tr> <td>Division 1</td><td>Division 2</td><td>Division 3</td> </tr> </tbody> </table> <small><a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#wrapper">[top]</a></small> <br /> <hr /> <h1 id="misc"> Misc Stuff - abbr, acronym, pre, code, sub, sup, etc.</h1> Lorem^superscript dolor_subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr><br /> <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></pre> <blockquote> "This stylesheet is going to help so freaking much." <br /> -Blockquote </blockquote> <blockquote> 中英混合blockquote效果。</blockquote> <small><a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#wrapper">[top]</a></small> <br /> <h1> Equations</h1> [math]\psi (t)=\hat{\psi}e^{i(\omega t\, \pm\, \theta)}[/math] <small><a href="http://www.blogger.com/blogger.g?blogID=5914688309640342888#wrapper">[top]</a></small>孙尉翔http://www.blogger.com/profile/17432584076018329729noreply@blogger.com0