第4章 用HTML建立超链接
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
4.5 设置以新窗口显示链接页面
在默认情况下，点击链接， 在默认情况下，点击链接，目标页面是在同 一个页面显示． 一个页面显示． 若要在新窗口中显示目标页面，则需要在<a> 若要在新窗口中显示目标页面，则需要在<a> 标记中设置“target”属性 属性． 标记中设置“target”属性．
href=“1<a href=“1-1.html” target=“_blank”>……</a>
4.7 框架之间的链接
<html> <head> <title>纵横排列窗口 纵横排列窗口</title> <title>纵横排列窗口</title> </head> <frameset rows="*" cols="25%,*" frameborder="1" border="1" framespacing="50"> <frame src="left.htm" name="leftFrame" scrolling="NO" noresize> <frameset rows="21%,*" > <frame src="top.htm" name="topFrame" > <frame src="main.htm" name="mainFrame"> </frameset> <noframes> <body> <p>This page uses frames, but your browser doesn't support them .</p> </body> </noframes> </frameset>
4.7 框架之间的链接
<html> <head> <title>垂直排列窗口 垂直排列窗口</title> <title>垂直排列窗口</title> </head> <frameset rows="40%,40%,*" frameborder="NO" border="0" framespacing="0"> <frame src="a.htm" name="topFrame" > <frame src="b.htm" name="middleFrame"> <frame src="c.htm" name="bottomFrame"> </frameset> <noframes> <body> <p>This page uses frames, but your browser doesn'tsupport them.</p> </body> </noframes> </html>
4.6 创建热点区域
可利用Dreamweaver精确定位热点区域 可利用Dreamweaver精确定位热点区域 Dreamweaver
4.7 框架之间的链接
• 框架的基本页面结构： 框架的基本页面结构： <html> <head> <title>…</title> </head> <frameset> <frame src="url"> </frameset> </html> 注意： 注意： <framset>…</framset>标记 <framset>…</framset>标记 是与<body>…</body>标 是与<body>…</body>标 <body>…</body> 记同级的．因此， 记同级的．因此，不要将 <framset>标记包含在 <framset>标记包含在 <body>标记之中 标记之中． <body>标记之中．
第4章 用HTML建立超链接 章 建立超链接
4.1 4.2 4.3 4.4 4.5 4.6 4.7 设置基本文本超链接 设置页面内部特定目标的链接 设置图片的超链接 设置电子邮件链接 设置以新窗口显示链接页面 创建热点区域 框架之间的链接
4.1 设置基本文本超链接
<html> <head> <title>超链接 超链接</title> <title>超链接</title> </head> <body> "01.html">链接01页面 链接01页面</a> <a href= "01.html">链接01页面</a> </body> </html>
4.7 框架之间的链接
<frameset>分割窗口标记 框架集标记） 分割窗口标记( 1. <frameset>分割窗口标记(框架集标记） 在页面中是用<frameset>…</frameset> <frameset>…</frameset>标记 在页面中是用<frameset>…</frameset>标记 决定怎样划分窗口及每个窗口的位置和大 其中的rows属性用于水平分割， rows属性用于水平分割 小,其中的rows属性用于水平分割，而cols 属性用于垂直分割． 属性用于垂直分割． <frame>定义窗口标记 框架标记） 定义窗口标记（ 2. <frame>定义窗口标记（框架标记） <frame>标记用在<frameset>标记当中 标记用在<frameset>标记当中， <frame>标记用在<frameset>标记当中，则可 以定义一个分窗口的各种属性
wk.baidu.com
4.2 设置页面内部特定目标的链接
<body> <h1>Web设计学习向导 设计学习向导</h1> <h1>Web设计学习向导</h1> <h2>在这里向您推荐最好的Web设计图书 在这里向您推荐最好的Web设计图书</h2> <h2>在这里向您推荐最好的Web设计图书</h2> href="#first">第 本书</a> href="#second">第 本书</a> <a href="#first">第1本书</a> <a href="#second">第2本书</a> <h3><a name="first"></a>精通CSS+DIV网页样式与布局 精通CSS+DIV网页样式与布局</h3> <h3><a name="first"></a>精通CSS+DIV网页样式与布局</h3> <p>本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术 本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术， <p>本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过 大量实例对CSS进行深入浅出的分析，主要包括CSS的基本语法和概念， CSS进行深入浅出的分析 CSS的基本语法和概念 大量实例对CSS进行深入浅出的分析，主要包括CSS的基本语法和概念， 设置文字、图片、背景、表格、表单和菜单等网页元素的方法， 设置文字、图片、背景、表格、表单和菜单等网页元素的方法，以及 CSS滤镜的使用 滤镜的使用。 CSS滤镜的使用。</p> <h3><a name="second"></a>CSS设计彻底研究</h3> CSS设计彻底研究 <h3><a name="second"></a>CSS设计彻底研究</h3> <p>本书是一本深入研究和揭示CSS设计技术的书籍 本书是一本深入研究和揭示CSS设计技术的书籍。 <p>本书是一本深入研究和揭示CSS设计技术的书籍。本书在透彻地讲解 CSS核心技术的基础上 深入到各个实际应用领域中， 核心技术的基础上， CSS核心技术的基础上，深入到各个实际应用领域中，充分向读者演示 了如何使用CSS的各项技术，实现令人眩目的网页布局和效果。 CSS的各项技术 了如何使用CSS的各项技术，实现令人眩目的网页布局和效果。</p>
4.7 框架之间的链接
<html> <head> <title>水平排列窗口 水平排列窗口</title> <title>水平排列窗口</title> </head> <frameset cols="30%,40%,*" > <frame name="leftFrame" src="a.htm"> <frame name="centerFrame" src="b.htm"> <frame name="rightFrame" src="c.htm"> </frameset> <noframes> <body> <p>This page uses frames, but your browser doesn't support them.</p> </body> </noframes> </html>
<html> <head> <title>邮件的链接 邮件的链接</title> <title>邮件的链接</title> </head> <body> href="mailto:P123@tom.com">联系我们</a>。 联系我们</a> <a href="mailto:P123@tom.com">联系我们</a>。 </body> </html>
4.3 设置图片的超链接
<html> <head> <title>图片的超链接 图片的超链接</title> <title>图片的超链接</title> </head> <body> <a href=1.html><img src=cup.gif></a> </body> </html>
4.4 设置电子邮件链接