HTML 第5章 超链接
Demo 01 内部链接
5-3.html
<title>内部链接的实现</title>
</head>
<body>
<center><h2>中国古城介绍</h2></center>
<hr size="2" color="#FF0000" />
<font size="+4">西安古城</font><br /><br />
世界历史名城，华夏精神故乡，中国第一古都—西安。<br /><br />
<a href="film/5-3-1.html">详细介绍</a><br />
<hr size="2" color="#FF0000" />
<font size="+4">大理古城</font><br /><br /><br />
大理历史深远，素有“文献名邦”美名。大理古城位于风光绮丽的苍山之麓，始建于明洪武十五年，是中国二十四个历史文化名城之一。<br /><br />
<a href="film/5-3-2.html">详细介绍</a>
</body>
</html>
5-3-1.html
<body>
<center><h3>西安古城</h3></center>
西安，古称“长安”、“京兆”。是举世闻名的世界四大古都之一，是中国历史上建都时间最多、建都朝代最多、影响力最大的都城，是中华民族的摇篮、中华文明的发祥地、中华文化的代表，有着“天然历史博物馆”的美誉。<br />
西安，在《史记》中被誉为“金城千里，天府之国”，是中华民族的发祥之地，由周文王营建，建成于公元前12世纪，先后有21个王朝和政权建都于此，是13朝古都，中国历史上的四个最鼎盛的朝代周、秦、汉、唐均建都西安。西安高陵杨官寨遗址发现，将中国城市历史推进到了6000年前的新石器时代晚期，同时确定了西安是世界历史上第一座城市。<br /><br />
<a href="../5-3.html">返回</a>
<a href="5-3-2.html">下一个文化古城介绍</a>
</body>
5-3-2.html
<body>
<center><h3>大理古城</h3></center>
大理历史深远，素有“文献名邦”美名。大理古城位于风光绮丽的苍山之麓，始建于明洪武十五年，是中国二十四个历史 文化名城之一。<br />
至今已有600多年的历史。它面临洱海，背靠苍山，至今仍保持着纵横交错、棋盘格局式的街道和雄伟壮观的南北城楼，城楼上“文献名邦”四个大字格外引人注目。最初东西南北各有城门，上有城楼，后毁。城内民居石墙青瓦、门窗雕龙画凤，显得古雅质朴。城西北的崇圣寺三塔和城西南的弘圣一塔，巷山脚下的无世祖平云南碑和一年一度的三月街，更使古城显得别有一番情趣。 大理还是白族的主要聚居地。多彩的民俗风情，“三方一照壁”、“四合五天井”的建筑特色，都为人们探寻南诏古国打开了一叶窥秘之窗。<br /><br />
<a href="../5-3.html">返回</a>
<a href="5-3-1.html">下一个文化古城介绍</a>
</body>
Demo 02 链接到同一页面的书签
<body>
<h3>性格测试：公园里看书测试你性格。</h3>
夏天，一位年轻人坐在公园的椅子上看书，看样子像是考生，只见他在看一本像是英文的参考书。突然，他合上书本——你认为他为什么合上书本呢?请从以下几个备选答案中选一个与你想像中较接近的：<br /><br />
<a href="#answerA">A:雷雨</a><br /><br />
<a href="#answerB">B:午睡</a><br /><br />
<a href="#answerC">C:改念别科</a><br /><br />
<hr size="3" color="#FF0000" />
<a name="answerA">选择A：雷阵雨</a><br />
雷阵雨，是会淋湿书本、头发，令人感觉不太舒服的事物。故选此答案的人，是想回避此种情况，显示是属于自我防卫本能比较强的人。你的不安比别人强一倍，对可能威胁到自我的危机相当敏感。因此，一旦察觉自己身处危机的状况时，通常会力争上游、发挥潜力。倘若陷入低潮的话，也能化危机为转机，及早摆脱困境。<br /><br />
<hr size="3" color="#FF0000" />
<a name="answerB">选择B：午睡</a><br />
午睡，显示乐观的潜在心理。此种人的循环性气质很强，容易受当场的气氛感染。一旦感觉情绪低落时，可以借着运动、休闲来变换心情，或是改变工作、生活环境，让自己轻松一下。如此一来，便能摆脱困境。重新出发。万一遇到极度低潮的状况，换个新工作或是改变根本的环境，都是不错的主意。<br /><br />
<hr size="3" color="#FF0000" />
<a name="answerC">选择C：改念别科</a><br />
改念别科，表示可能性或上进心。此种人原本提升自我的欲望就很强。因此，当陷入低潮时，可以去找德高望重的人开导，不然就是阅读名人传记，接受精神上的刺激。因为这样可以激发上进心，不会被一点小小的挫折击垮。<br /><br />
</body>
Demo 03 链接到不同页面的书签
5-6.html
<body>
<h3>性格测试：公园里看书测试你性格。</h3>
夏天，一位年轻人坐在公园的椅子上看书，看样子像是考生，只见他在看一本像是英文的参考书。突然，他合上书本——你认为他为什么合上书本呢?请从以下几个备选答案中选一个与你想像中较接近的：<br /><br />
<a href="5-6-1.html#answerA">选择A：雷阵雨</a><br /><br />
<a href="5-6-1.html#answerB">选择B：午睡</a><br /><br />
<a href="5-6-1.html#answerC">选择C：改念别科</a><br /><br />
</body>
5-6-1.html
<body>
<a name="answerA">选择A：雷阵雨</a><br />
雷阵雨，是会淋湿书本、头发，令人感觉不太舒服的事物。故选此答案的人，是想回避此种情况，显示是属于自我防卫本能比较强的人。你的不安比别人强一倍，对可能威胁到自我的危机相当敏感。因此，一旦察觉自己身处危机的状况时，通常会力争上游、发挥潜力。倘若陷入低潮的话，也能化危机为转机，及早摆脱困境。<br /><br />
<hr size="3" color="#FF0000" />
<a name="answerB">选择B：午睡</a><br />
午睡，显示乐观的潜在心理。此种人的循环性气质很强，容易受当场的气氛感染。一旦感觉情绪低落时，可以借着运动、休闲来变换心情，或是改变工作、生活环境，让自己轻松一下。如此一来，便能摆脱困境。重新出发。万一遇到极度低潮的状况，换个新工作或是改变根本的环境，都是不错的主意。<br /><br />
<hr size="3" color="#FF0000" />
<a name="answerC">选择C：改念别科</a><br />
改念别科，表示可能性或上进心。此种人原本提升自我的欲望就很强。因此，当陷入低潮时，可以去找德高望重的人开导，不然就是阅读名人传记，接受精神上的刺激。因为这样可以激发上进心，不会被一点小小的挫折击垮。<br /><br />
</body>
Demo 04 外部链接
<body>
<h3>明日图书网简介</h3>
明日图书网中包含各编程语言系列图书，我们为不同的编 程人员准备了不同的图书，图书包括自学手册、完全手册、全程实录、范例宝典、案例精选、从入门到精通、技术大全、经验技巧宝典系列等，而且我们为读者提供免费的技术支持.......<br />
<hr size="2" color="#FF0000" />
<a href="http://www.mingribook.com">点击进入明日图书网</a>
</body>
Demo 05 网页访问
<body>
<h3>网页访问</h3>
<!--采用WWW服务进入万维网站点:-->
<a href="http://www.mingribook.com" target="_parent">点击进入明日图书网</a><br /><br />
<!--通过FTP访问文件传输服务器：-->
<a href="ftp://221.8.65.74" target="_blank">编程词典个人版更新地址</a><br /><br />
<!--下载文件：-->
<a href="Opera_11.52.1000_XiaZaiBa.exe">最新的Opera浏览器下载</a><br /><br />
<!--脚本链接：-->
<a href="javascript：window.close()">关闭窗口</a><br /><br />
<!--空连接-->
<a href="#">文字连接</a><br /><br />
<!--发送E-mail -->
<a href="mailto:mingrisoft@mingrisoft.com?CC=Mr_cyz@126.com & Sbject="主题文字" & BCC="电子邮件地址" & Body="邮件内容"">邮件发送</a>
</body>
Demo 06
target 参数的取值及说明
target值 目标窗口的打开方式
_parent 在上一级窗口打开，常在分帧的框架页面中使用
_blank 新建一个窗口打开
_self 在同一窗口打开，与默认设置相同
_top 在浏览器的整个窗口中打开，将会忽略所有的框架结构
绝对地址的设置格式及含义
http:// 采用WWW服务进入万维网站点
ftp:// 通过FTP访问文件传输服务器
telnet:// 启动Telnet
mailto:// 直接启动邮件系统E—mail
mailto标签的参数
参数 含义 语法
CC 抄送收件人 <a href="mailto:电子邮件地址？CC=电子邮件地址">链接文字</a>
Sbject 电子邮件地址 <a href="mailto:电子邮件地址？Subject=主题文字">链接文字</a>
BCC 暗送收件人 <a href="mailto:电子邮件地址？BCC=电子邮件地址">链接文字</a>
Body 电子邮件内容 <a href="mailto:电子邮件内容？Body=邮件内容">链接文字</a>
Demo 01 内部链接
5-3.html
<title>内部链接的实现</title>
</head>
<body>
<center><h2>中国古城介绍</h2></center>
<hr size="2" color="#FF0000" />
<font size="+4">西安古城</font><br /><br />
世界历史名城，华夏精神故乡，中国第一古都—西安。<br /><br />
<a href="film/5-3-1.html">详细介绍</a><br />
<hr size="2" color="#FF0000" />
<font size="+4">大理古城</font><br /><br /><br />
大理历史深远，素有“文献名邦”美名。大理古城位于风光绮丽的苍山之麓，始建于明洪武十五年，是中国二十四个历史文化名城之一。<br /><br />
<a href="film/5-3-2.html">详细介绍</a>
</body>
</html>
5-3-1.html
<body>
<center><h3>西安古城</h3></center>
西安，古称“长安”、“京兆”。是举世闻名的世界四大古都之一，是中国历史上建都时间最多、建都朝代最多、影响力最大的都城，是中华民族的摇篮、中华文明的发祥地、中华文化的代表，有着“天然历史博物馆”的美誉。<br />
西安，在《史记》中被誉为“金城千里，天府之国”，是中华民族的发祥之地，由周文王营建，建成于公元前12世纪，先后有21个王朝和政权建都于此，是13朝古都，中国历史上的四个最鼎盛的朝代周、秦、汉、唐均建都西安。西安高陵杨官寨遗址发现，将中国城市历史推进到了6000年前的新石器时代晚期，同时确定了西安是世界历史上第一座城市。<br /><br />
<a href="../5-3.html">返回</a>
<a href="5-3-2.html">下一个文化古城介绍</a>
</body>
5-3-2.html
<body>
<center><h3>大理古城</h3></center>
大理历史深远，素有“文献名邦”美名。大理古城位于风光绮丽的苍山之麓，始建于明洪武十五年，是中国二十四个历史 文化名城之一。<br />
至今已有600多年的历史。它面临洱海，背靠苍山，至今仍保持着纵横交错、棋盘格局式的街道和雄伟壮观的南北城楼，城楼上“文献名邦”四个大字格外引人注目。最初东西南北各有城门，上有城楼，后毁。城内民居石墙青瓦、门窗雕龙画凤，显得古雅质朴。城西北的崇圣寺三塔和城西南的弘圣一塔，巷山脚下的无世祖平云南碑和一年一度的三月街，更使古城显得别有一番情趣。 大理还是白族的主要聚居地。多彩的民俗风情，“三方一照壁”、“四合五天井”的建筑特色，都为人们探寻南诏古国打开了一叶窥秘之窗。<br /><br />
<a href="../5-3.html">返回</a>
<a href="5-3-1.html">下一个文化古城介绍</a>
</body>
Demo 02 链接到同一页面的书签
<body>
<h3>性格测试：公园里看书测试你性格。</h3>
夏天，一位年轻人坐在公园的椅子上看书，看样子像是考生，只见他在看一本像是英文的参考书。突然，他合上书本——你认为他为什么合上书本呢?请从以下几个备选答案中选一个与你想像中较接近的：<br /><br />
<a href="#answerA">A:雷雨</a><br /><br />
<a href="#answerB">B:午睡</a><br /><br />
<a href="#answerC">C:改念别科</a><br /><br />
<hr size="3" color="#FF0000" />
<a name="answerA">选择A：雷阵雨</a><br />
雷阵雨，是会淋湿书本、头发，令人感觉不太舒服的事物。故选此答案的人，是想回避此种情况，显示是属于自我防卫本能比较强的人。你的不安比别人强一倍，对可能威胁到自我的危机相当敏感。因此，一旦察觉自己身处危机的状况时，通常会力争上游、发挥潜力。倘若陷入低潮的话，也能化危机为转机，及早摆脱困境。<br /><br />
<hr size="3" color="#FF0000" />
<a name="answerB">选择B：午睡</a><br />
午睡，显示乐观的潜在心理。此种人的循环性气质很强，容易受当场的气氛感染。一旦感觉情绪低落时，可以借着运动、休闲来变换心情，或是改变工作、生活环境，让自己轻松一下。如此一来，便能摆脱困境。重新出发。万一遇到极度低潮的状况，换个新工作或是改变根本的环境，都是不错的主意。<br /><br />
<hr size="3" color="#FF0000" />
<a name="answerC">选择C：改念别科</a><br />
改念别科，表示可能性或上进心。此种人原本提升自我的欲望就很强。因此，当陷入低潮时，可以去找德高望重的人开导，不然就是阅读名人传记，接受精神上的刺激。因为这样可以激发上进心，不会被一点小小的挫折击垮。<br /><br />
</body>
Demo 03 链接到不同页面的书签
5-6.html
<body>
<h3>性格测试：公园里看书测试你性格。</h3>
夏天，一位年轻人坐在公园的椅子上看书，看样子像是考生，只见他在看一本像是英文的参考书。突然，他合上书本——你认为他为什么合上书本呢?请从以下几个备选答案中选一个与你想像中较接近的：<br /><br />
<a href="5-6-1.html#answerA">选择A：雷阵雨</a><br /><br />
<a href="5-6-1.html#answerB">选择B：午睡</a><br /><br />
<a href="5-6-1.html#answerC">选择C：改念别科</a><br /><br />
</body>
5-6-1.html
<body>
<a name="answerA">选择A：雷阵雨</a><br />
雷阵雨，是会淋湿书本、头发，令人感觉不太舒服的事物。故选此答案的人，是想回避此种情况，显示是属于自我防卫本能比较强的人。你的不安比别人强一倍，对可能威胁到自我的危机相当敏感。因此，一旦察觉自己身处危机的状况时，通常会力争上游、发挥潜力。倘若陷入低潮的话，也能化危机为转机，及早摆脱困境。<br /><br />
<hr size="3" color="#FF0000" />
<a name="answerB">选择B：午睡</a><br />
午睡，显示乐观的潜在心理。此种人的循环性气质很强，容易受当场的气氛感染。一旦感觉情绪低落时，可以借着运动、休闲来变换心情，或是改变工作、生活环境，让自己轻松一下。如此一来，便能摆脱困境。重新出发。万一遇到极度低潮的状况，换个新工作或是改变根本的环境，都是不错的主意。<br /><br />
<hr size="3" color="#FF0000" />
<a name="answerC">选择C：改念别科</a><br />
改念别科，表示可能性或上进心。此种人原本提升自我的欲望就很强。因此，当陷入低潮时，可以去找德高望重的人开导，不然就是阅读名人传记，接受精神上的刺激。因为这样可以激发上进心，不会被一点小小的挫折击垮。<br /><br />
</body>
Demo 04 外部链接
<body>
<h3>明日图书网简介</h3>
明日图书网中包含各编程语言系列图书，我们为不同的编 程人员准备了不同的图书，图书包括自学手册、完全手册、全程实录、范例宝典、案例精选、从入门到精通、技术大全、经验技巧宝典系列等，而且我们为读者提供免费的技术支持.......<br />
<hr size="2" color="#FF0000" />
<a href="http://www.mingribook.com">点击进入明日图书网</a>
</body>
Demo 05 网页访问
<body>
<h3>网页访问</h3>
<!--采用WWW服务进入万维网站点:-->
<a href="http://www.mingribook.com" target="_parent">点击进入明日图书网</a><br /><br />
<!--通过FTP访问文件传输服务器：-->
<a href="ftp://221.8.65.74" target="_blank">编程词典个人版更新地址</a><br /><br />
<!--下载文件：-->
<a href="Opera_11.52.1000_XiaZaiBa.exe">最新的Opera浏览器下载</a><br /><br />
<!--脚本链接：-->
<a href="javascript：window.close()">关闭窗口</a><br /><br />
<!--空连接-->
<a href="#">文字连接</a><br /><br />
<!--发送E-mail -->
<a href="mailto:mingrisoft@mingrisoft.com?CC=Mr_cyz@126.com & Sbject="主题文字" & BCC="电子邮件地址" & Body="邮件内容"">邮件发送</a>
</body>
Demo 06
target 参数的取值及说明
target值 目标窗口的打开方式
_parent 在上一级窗口打开，常在分帧的框架页面中使用
_blank 新建一个窗口打开
_self 在同一窗口打开，与默认设置相同
_top 在浏览器的整个窗口中打开，将会忽略所有的框架结构
绝对地址的设置格式及含义
http:// 采用WWW服务进入万维网站点
ftp:// 通过FTP访问文件传输服务器
telnet:// 启动Telnet
mailto:// 直接启动邮件系统E—mail
mailto标签的参数
参数 含义 语法
CC 抄送收件人 <a href="mailto:电子邮件地址？CC=电子邮件地址">链接文字</a>
Sbject 电子邮件地址 <a href="mailto:电子邮件地址？Subject=主题文字">链接文字</a>
BCC 暗送收件人 <a href="mailto:电子邮件地址？BCC=电子邮件地址">链接文字</a>
Body 电子邮件内容 <a href="mailto:电子邮件内容？Body=邮件内容">链接文字</a>
108
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
