html温习1：基础
日期：2014-05-17 浏览次数：20669 次
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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
