<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>html_base.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<!-- a标签调用js -->
<a href="javascript:alert('弹出窗口');">a标签调用js</a>
<!-- 这是a标签的定位作用,可以指定跳转位置,也可以成为 锚点 标记 -->
<a name="top">顶部</a>
<a href="#middle">去中间</a>
<hr/>
<!-- 超链接 注意几点:
1,当没有指定具体协议时,浏览器会启动默认的file协议引擎来解析href的值。
2,当指定的协议浏览器无法解析时,浏览器会在本地注册中查找是否有关联该协议的应用程序,如果有就调用程序进行改写的解析 -->
<a href="mailto:aaa@qq.com?subject=jack&cc=copy@139.com">联系我们</a><!-- 这个情况,就是上面说的第二个注意点,mailto并不是被浏览器解析的,而是被电脑上相应的应用程序所解析 -->
<a href="http://www.xunlei.com/movie/新白发魔女传【高清】.rmvb">新白发魔女传【高清】.rmvb</a>
<a href="http://www.baidu.com">百度网站1</a><!-- 都用英文的符号,就可以链接到自己想要的链接了 -->
<a href="www.baidu.com">百度网站2</a><!-- 和下面用中文冒号类似,就是没有指定http:协议,所以会加上本页面的父路径 -->
<a href="http://www.baidu.com">百度网站3</a><!-- 注意这个链接中用的冒号是中文的,所以在页面中会加上本页面的父路径 -->
<a href="http://www.baidu.com">aaaaaaaaa</a>
<hr/>
<!-- 合并行 -->
<table border="1" width="60%" cellpadding="10" cellspacing="0" bordercolor="red">
<tr>
<th rowspan="2">信息</th>
<td>张桑拿</td>
</tr>
<tr>
<td>33</td>
</tr>
</table>
<br/>
<!-- 合并列 -->
<table border="1" width="60%" cellpadding="10" cellspacing="0" bordercolor="red">
<tr>
<th colspan="2">信息</th>
</tr>
<tr>
<td>张桑拿</td>
<td>33</td>
</tr>
</table>
<!--
table
|tbody,不写的话,默认会有,只是看不到
|tr
|td/th
这是表格层次
-->
<a name="middle">中间位置</a>
<a href="#bottom">去底部</a>
<table border="1" width="60%" cellpadding="10" cellspacing="0">
<caption>这是表头,会自动居中</caption>
<tr>
<th>单元格一</th><!--表头单元格,其实就是在普通单元格基础上,封装了加粗和居中 -->
<th>单元格二</th>
</tr>
<tr>
<td>单元格三</td>
<td>单元格四</td>
</tr>
</table>
<hr/>
<!-- 图片名称最好不用中文 -->
<img src="../images/b.bmp" alt="aaaaaaaaaaaaa" border="29"/>
<hr/>
<!-- 数字等样式的项目符号,本身具备缩进效果 -->
<ol type="a" start="3"><!-- 可选的type参数为:1,a,A,I,i -->
<li>bbbbbbbbbbbbb</li>
<li>bbbbbbbbbbbbb</li>
<li>bbbbbbbbbbbbb</li>
<li>bbbbbbbbbbbbb</li>
<li>bbbbbbbbbbbbb</li>
<li>bbbbbbbbbbbbb</li>
</ol>
<hr/>
<!-- li具备缩进的效果,且前面有项目符号 -->
<ul type="circle"><!-- type属性改变项目符号 -->
<li>aaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaa</li>
</ul>
<hr/>
<!-- dl:定义列表的范围; dt:定义上层项目的条目;dd:定义下层项目的条目且具备缩进的效果-->
<dl>
<dt>上层项目条目1</dt>
<dd>bbbbb</dd>
<dd>aaaaa</dd>
<dt>上层项目条目2</dt>
<dd>ddddd</dd>
<dd>ccccc</dd>
</dl>
<br/>
<a name="bottom"></a>
<a href="#top">回到顶部</a>
<a href="#middle">回到中间位置</a>
</body>
</html>