网页制作的内部链接
发布时间：2018-09-19
浏览次数：2634内部链接是指链接的对象是在同一个网站中的资源。
1.认识内部链接
与自身网站页面有关的链接被称为内部链接。
语法：
<a href="链接地址"> ······ </a>
举例：
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>内部链接</title> </head> <body> 脑际急转弯 <p> 1.<a href="1">“先天”是父母所遗传的体质，那“后天”是什么呢？</a> </p> <p> 2.<a href="2">为什么燕子冬天要飞向南方过冬？</a> </p> <p> 3.<a href="3">两瓶花中，一瓶是鲜花，一瓶是纸花，请说出那一瓶是鲜花？</a> </p> </body> </html>
在代码中
1.<a href="1">“先天”是父母所遗传的体质，那“后天”是什么呢？</a>
</p>
<p>
2.<a href="2">为什么燕子冬天要飞向南方过冬？</a>
</p>
<p>
3.<a href="3">两瓶花中，一瓶是鲜花，一瓶是纸花，请说出那一瓶是鲜花？</a>
部分的代码标记为设置文档中的内部链接，在浏览器中预览可以看到链接效果，如图7.1所示。
2.链接的目标窗口
在创建网页的过程中，默认情况下超链接在原来的浏览器窗口中打开，可以使用target 属性来控制打开的目标窗口。
语法：
<a href="链接目标"targets"目标窗口的打开方式">
说明：
在该语法中，target参数的取值有4种，见表7-1所示。
表7-1 目标窗口的设置
| 属性值 | 含义 |
| -self | 在当前页面中打开链接 |
| -blank | 在一个全新的空白窗口中打开链接 |
| -top | 在顶层框架中打开链接，也可以理解为在根框架中打开链接 |
| -parent | 在当前框架的上一层里打开链接 |
举例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>内部链接目标</title> </head> <body> 脑筋急转弯 <p> 1.<a href="1.html" target="_blank">“先天”是父母所遗传的体质，那“后天”是什么呢？</a> </p> <p> 2.<a href="2" target="-parent">为什么燕子冬天要飞向南方过冬？</a> </p> <p> 3.<a href="3" target="-self">两瓶花中，一瓶是鲜花，一瓶是纸花，请说出那一瓶是鲜花？</a> </p> </body> </html>
在代码中
1.<a href="1.html" target="_blank">“先天”是父母所遗传的体质，那“后天”是什么呢？</a>
</p>
<p>
2.<a href="2" target="-parent">为什么燕子冬天要飞向南方过冬？</a>
</p>
<p>
3.<a href="3" target="-self">两瓶花中，一瓶是鲜花，一瓶是纸花，请说出那一瓶是鲜花？</a>
的代码标记是设置内部链接的目标窗口，在浏览器中预览单击设置链接的对象，可以打开一个新的窗口，如图7.2和图7.3所示。
本文内容摘取于《网页制作》，仅供参考学习用途！
18577088886