购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.2 内部链接

内部链接是指链接的对象是在同一个网站中的资源。

3.2.1 认识内部链接

与自身网站页面有关的链接被称为内部链接。

语法:

   <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 内部链接

3.2.2 链接的目标窗口

在创建网页的过程中,默认情况下超链接在原来的浏览器窗口中打开,可以使用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 打开的目标窗口 SPRgaQw36B6AE7A4O35mQbAlFYFNtx8sdZaRDVSAj96WV6Pi104WxAK6UcnQoEqD

点击中间区域
呼出菜单
上一章
目录
下一章
×

打开