html复习1:基础
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script src="jquery-1.8.3.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function(){$("button").click(function(){$("p").hide();});$(document.body).css( "background", "yellow" );});</script><style>#js2{width: 50px;height: 50px;}</style></head><body>-----------------------------------------前面这些可以基本无视<h2><a name="top">This is a heading</a></h2><p>This is a paragraph.</p><p>This is another paragraph.</p><button type="button">Click me</button><br /><b>This text is bold</b><br /><strong>This text is strong</strong><br /><big>This text is big</big><br /><em>This text is emphasized</em><br /><i>This text is italic</i><br /><small>This text is small</small><br />This text contains<sub>subscript</sub><br />This text contains<br /><sup>superscript</sup><br />---------------------------------------<p>您也可以使用图像来作链接:<a href="js2.html" target="_blank"><img id="js2" border="0" src="images/c.jpg" /></a></p>---------------------------------------<p>图像 <img src="images/graph2.png" alt="" align="top" width="100" height="200" />在文本中</p><p>图像 <img src="images/graph2.png" alt="" align="middle" width="100" height="200" />在文本中</p><p>图像 <img src="images/graph2.png" alt="" align="bottom" width="100" height="200" />在文本中</p>--------------------------------------<table width="400" border="1"> <tr > <th align="left" bgcolor="red">消费项目....</th> <th align="right" background='images/jimi014.jpg' />一月</th> <th align="right">二月</th> </tr> <tr> <td align="left">衣服</td> <td align="right">$241.10</td> <td align="right">$50.20</td> </tr> <tr> <th align="left">总计</th> <th align="right">$1001.50</th> <th align="right">$744.65</th> </tr></table>-------------------------------------<h4>一个嵌套列表:</h4><ol> <li>咖啡</li> <li>茶 <ul> <li>红茶</li> <li>绿茶 <ul> <li>中国茶</li> <li>非洲茶</li> </ul> </li> </ul> </li> <li>牛奶</li></ol>--------------------------------------<p><a href="#top">返回顶部</a></p>-------------------------------------</body></html>