内部链接是指链接的对象是在同一个网站中的资源。
与自身网站页面有关的链接被称为内部链接。
语法:
<a href="链接地址">
……
</a>
举例:
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>内部链接</title>
</head>
<body>
脑筋急转弯
<p>
1.<a href="1">“先天"是父母所遗传的体质,那“后天"是什么呢?
</a>
<p>
2.<a href="2">为什么
燕子冬天要飞向南方过冬?</a>
<p>
3. <a href="3">两瓶花中,一瓶是鲜花,一瓶是纸花,请说出哪一瓶是鲜花?
</a>
</body>
</html>
在代码中加粗部分的标记为设置文档中的内部链接,在浏览器中预览可以看到链接效果,如图3.1所示。
图3.1 内部链接
在创建网页的过程中,默认情况下超链接在原来的浏览器窗口中打开,可以使用target属性来控制打开的目标窗口。
语法:
<a href="链接目标" target="目标窗口的打开方式">
说明:
在该语法中,target参数的取值有4种,见表3-1所示。
表3-1 目标窗口的设置
举例:
<!doctype html>
<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>
2.<a href="2" target="_parent">为什么
燕子冬天要飞向南方过冬?</a>
<p>
3. <a href="3" target="_self">两瓶花中,一瓶是鲜花,一瓶是纸花,请说出哪一瓶是鲜花?</a>
</body>
</html>
在代码中加粗的标记是设置内部链接的目标窗口,在浏览器中预览单击设置链接的对象,可以打开一个新的窗口,如图3.2和图3.3所示。
图3.2 设置链接目标窗口
图3.3 打开的目标窗口