HTML CSS DIV网页设计与布局（第3版）（微课版） 课件 第3章 超链接.pptx

第3章超链接3.1创建超链接 3.2锚点3.3图片的超链接 3.4小结

3.1创建超链接3.1.1超链接标签 3.1.2链接地址 3.1.3打开链接的方式

3.1.1超链接标签超链接标签aaname=锚名称href=urltitle=标题target=目标超链接文字/a

【示例3-1】创建一个简单的超链接，此超链接指向一个网站。1 !DOCTYPEhtml2 html3 head4 title简单的超链接/title5 /head6 body7 ahref=title=单击此处进入北京中医药大学远程教育学院的网站首页target=_blankname=ibucm北京中医药大学远程教育学院/a8 /body9 /html

超链接由以下5部分组成目标地址链接文字标题目标窗口锚

3.1.2链接地址设置链接地址的语法ahref=链接地址用来设置超链接的标签/a

【示例3-2】设置超链接的链接地址。1 !DOCTYPEhtml2 html3 head4 title为页面添加超链接/title5 /head6 body7 现在有很多动物濒临灭绝，因此我们应该保护动物，特别是稀有动物。ahref=3-2-1.html金丝猴/a就是我国的一级保护动物。它属灵长目、猴科，背部有金黄色的长毛，故名“金丝猴”。8 /body9 /html

3-2-1.html文件中的代码1 !DOCTYPEhtml2 html3 head4 title超链接/title5 /head6 body7 p金丝猴是我国的一级保护动物。/p8 pimgsrc=pic01.jpgheight=200px/p9 /body10 /html

3.1.3打开链接的方式target属性ahref=链接地址target=目标页面的打开方式用来链接的标签/a在HTML中，超链接的target属性如表所示。属性值含义属性值含义_parent在上一级窗口打开（常在框架页面中使用）_self在同一窗口打开，是默认值_blank新建一个窗口打开_top忽略所有的框架结构，在浏览器的整个窗口中打开

【示例3-3】target属性的使用。1 !DOCTYPEhtml2 html3 head4 title设置目标页面的打开方式/title5 /head6 body7 现在有很多动物濒临灭绝，因此我们应该保护动物，特别是稀有动物。ahref=3-2-1.htmltarget=_blank金丝猴/a就是我国的一级保护动物。它属灵长目、猴科，背部有金黄色的长毛，故名“金丝猴”。8 /body9 /html

3.2锚点3.2.1创建锚点 3.2.2链接到本页锚点 3.2.3链接到其他网页的锚点

3.2.1创建锚点aname=锚点名称锚点的链接文字/a

3.2.2链接到本页锚点ahref=#锚点名称锚点的链接文字/a

【示例3-4】设置链接到本页的锚点。1 !DOCTYPEhtml2 html3 head4 title命名锚/title5 /head6 body7 palign=centerMicrosoft软件最终用户许可协议/p8 aname=top目录/a：br/9 ahref=#target011.通则/abr/10 ahref=#target022.许可证的授予/abr/11 ahref=#target033.客户端访问许可证/abr/12 ahref=#target044.完整协议/abr/13 br/14 MicrosoftWindowsServer2003,StandardEditionbr/15 MicrosoftWindowsServer2003,EnterpriseEditionbr/16 br/17 aname=target011.通则。/a本《协议》是您（个人或单个实体）与MicrosoftCorporation（“Microsoft”）之间达成的法律协议。……br/18 ahref=#top返回顶端/abr/br/19 aname=target022.许可证的授予。/a如果您遵守本《协议》的所有条款和条件，则Microsoft授予您以下权利：br/20 ahref=#top返回顶端/abr/br/21 aname=target033.客户端访问许可证（“cal”）。/a“软件”授权模型包含操作系统许可证和增量cal，因此“软件”总成本随使