<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>链接</title>
<style type="text/css">
<!--
.STYLE1 {
font-size: 36px;
color: #0000FF;
font-family: "楷体_GB2312";
}
.STYLE2 {
color: #663366;
font-size: 24px;
font-family: "楷体_GB2312";
}
.STYLE3 {color: #663366; font-size: 18px; font-family: "楷体_GB2312"; }
-->
</style>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body>
<p align="center" class="STYLE1"><a name="ys" id="ys"></a>链 接</p>
<p align="center" class="STYLE3">Internet链接</p>
<hr />
<p class="STYLE2">1、文本链接---例如：导航条的创建</p>
<blockquote class="STYLE2">
<p><a href="index.html">首页</a> <a href="first/mubiao.html">娱乐</a> <a href="first/mubiao.html">新闻</a> </p>
<p> </p>
<p> </p>
</blockquote>
<p class="STYLE2">2、图像链接---例如：小图到大图的跳转</p>
<blockquote>
<p class="STYLE2"><a href="first/datu.html"><img src="images/bg.gif" width="98" height="89" border="0" /></a></p>
<p class="STYLE2"> </p>
<p class="STYLE2"> </p>
</blockquote>
<p class="STYLE2">3、图像热点链接---例如：标本的制作页面</p>
<p class="STYLE2"> </p>
<p class="STYLE2"> </p>
<p align="left" class="STYLE2"> 4、空链接---链接占位符</p>
<blockquote>
<p align="left" class="STYLE2"><a href="#">备用链接</a> </p>
<p align="left" class="STYLE2"> </p>
<p align="left" class="STYLE2"> </p>
</blockquote>
<p align="left" class="STYLE2">5、电子邮件链接---例如：院长信箱的创建</p>
<blockquote>
<p align="left" class="STYLE2"><a href="mailto:fjny-xxx@126.com">院长信箱</a></p>
<p align="left" class="STYLE2"> </p>
<p align="left" class="STYLE2"> </p>
</blockquote>
<p align="left" class="STYLE2">6、Internet链接---例如：网站链接</p>
<blockquote>
<p align="left" class="STYLE2"><a href="http://www.fjny.com">福建农业职业技术学院</a></p>
<p align="left" class="STYLE2"> </p>
<p align="left" class="STYLE2"> </p>
</blockquote>
<p align="left" class="STYLE2">7、跳转菜单链接---例如：友情链接的创建</p>
<blockquote>
<form name="form1" id="form1">
<select name="menu1" onchange="MM_jumpMenu('parent',this,0)">
<option>---请单击选择---</option>
<option value="http://www.sina.com.cn">新浪网</option>
<option value="http://www.sohu.com">搜狐</option>
<option value="first/mubiao.html">本站点内的页面</option>
</select>
</form>
<p> </p>
<p> </p>
</blockquote>
<p class="STYLE2">8、脚本链接---例如：版权信息的弹出设置</p>
<blockquote>
<p class="STYLE2"><a href="javascript:alert('版权归信息系所有！')">版权所有</a></p>
<p class="STYLE2"> </p>
<p class="STYLE2"> </p>
</blockquote>
<p class="STYLE2">9、锚点链接---例如：页首的返回</p>
<blockquote>
<p class="STYLE2"><a href="#ys">返回页首</a> </p>
<p align="left" class="STYLE2"> </p>
</blockquote>
<p class="STYLE2"> </p>
</body>
</html>
静态网页经典实例(HTML)
4星 · 超过85%的资源 需积分: 48 201 浏览量
2010-08-26
13:27:14
上传
评论 18
收藏 2.29MB RAR 举报 
静态网页经典实例(HTML) （283个子文件） 
main1.css 6KB main1.css 6KB main.css 4KB main.css 4KB
index_17.gif 44KB index_18.gif 15KB index_19.gif 11KB index_03.gif 6KB index_37.gif 4KB bg.gif 3KB bg.gif 3KB index_38.gif 3KB index_40.gif 3KB index_39.gif 3KB bg.gif 2KB index_01.gif 2KB index_20.gif 2KB logo.gif 2KB index_34.gif 1KB index_08.gif 724B index_04.gif 678B index_24.gif 651B index_35.gif 645B index_09.gif 384B index_16.gif 379B index_33.gif 373B index_25.gif 368B index_10.gif 314B index_14.gif 313B index_32.gif 308B index_13.gif 307B index_11.gif 302B index_12.gif 299B index_28.gif 296B index_27.gif 290B index_26.gif 284B index_31.gif 284B index_06.gif 283B index_15.gif 278B index_29.gif 276B index_30.gif 235B index_05.gif 220B gs.gif 91B index_21.gif 76B 清华大学.htm 9KB index.htm 8KB index.htm 8KB TMP19zfsfu6qx.htm 4KB index.htm 4KB 百度.htm 4KB news.htm 3KB news.htm 3KB map.htm 3KB index_gg.htm 1KB index_gg.htm 1KB map.htm 881B 23_jpg.htm 443B 08_jpg.htm 443B 01_jpg.htm 443B 30_jpg.htm 443B 13_jpg.htm 443B 32_jpg.htm 443B 11_jpg.htm 443B 05_jpg.htm 443B 31_jpg.htm 443B 35_jpg.htm 443B 15_jpg.htm 443B 24_jpg.htm 443B 26_jpg.htm 443B 16_jpg.htm 443B 19_jpg.htm 443B 10_jpg.htm 443B 34_jpg.htm 443B 02_jpg.htm 443B 29_jpg.htm 443B 33_jpg.htm 443B 27_jpg.htm 443B 21_jpg.htm 443B 25_jpg.htm 443B 22_jpg.htm 443B 20_jpg.htm 443B 04_jpg.htm 443B 03_jpg.htm 443B 07_jpg.htm 443B 12_jpg.htm 443B 28_jpg.htm 443B 14_jpg.htm 443B 18_jpg.htm 443B 17_jpg.htm 443B 09_jpg.htm 443B 06_jpg.htm 443B map1.htm 404B map1.htm 404B index.htm 179B
index.html 3KB index.html 2KB biaoge.html 2KB biaoge.html 2KB ts1.html 1KB ts1.html 1KB共 283 条
- 1
- 2
- 3
- 1
- 2
- 3
- 4
- 5
- 6
前往页