网页设计与开发——HTML、CSS、JavaScript实例教程 第5章 超级链
网页设计与开发——HTML、CSS、JavaScript实例教程
WEB编程基础清华大学出版社
第5章 超级链接
Company name
网页设计与开发——HTML、CSS、JavaScript实例教程
主要内容
为网页添加超链接 添加书签链接、电子邮件超链接、 FTP链接 建立图像映射
网页设计与开发——HTML、CSS、JavaScript实例教程
5.1超链接简介
网页文件的最大魅力是超越各个文件的空间,通过超 链接相互连接构成一个纷繁复杂的互联网世界。超链接 (hyperlink)是一个网站的精髓,超链接在本质上属于一 个网页的一部分,它是一种允许一个网页同其他网页或站 点之间进行链接的元素。各个网页链接在一起后,才能真 正构成一个网站。超文本具有的链接能力,层层链接相关 文件,这种具有超级链能力的特性,即称为超链接。超链 接除了可链接文本外,也可链接各种媒体,如声音、图像 和动画等,通过它们可以将网站建设成一个丰富多彩的多 媒体世界。
网页设计与开发——HTML、CSS、JavaScript实例教程
5.1超链接简介
网页设计与开发——HTML、CSS、JavaScript实例教程
5.1超链接简介
网页设计与开发——HTML、CSS、JavaScript实例教程
5.2创建超链接
建立超链接的标记是a(anchor,锚),以<a>开始,以 </a>结束,锚可以指向网络上的任何资源:一张HTML页 面,一幅图像,一个声音或视频文件等。 基本语法: <a href="url" title="指向链接显示的文字" target=" 窗口名称">超链接名称</a>
网页设计与开发——HTML、CSS、JavaScript实例教程
5.2创建超链接<!—程序5-1--> <html> <head> <title>创建链接</title> </head> <body> <center> <h2>创建链接</h2> <hr> <p><a href="http://www.77cn.com.cn" title="打开新浪首页">新浪</a> <!--添加新浪链接--> <br> <a href="http://www.77cn.com.cn" target=_blank>百度</a> <!--添加百度链接--> <br> <a href="http://www.77cn.com.cn">北 京 大 学</a> <!--添加北京大学链接--> </p> </center> </body> </html>
网页设计与开发——HTML、CSS、JavaScript实例教程
5.2创建超链接
网页设计与开发——HTML、CSS、JavaScript实例教程
5.2.1设置超链接路径
建立链接时,属性“href”定义了这个链接所指的目标地 址,也就是路径。理解一个文件到要链接的那个文件之间 的路径关系是创建链接的根本。每一个网站都具有独一无 二的地址,英文中被称作URL(Uniform Resource Locator),即统一资源定位器,同一个网站下的每一个 网页都有不同的地址,但是在创建一个网站的网页时,不 需要为每一个链接都输入完整的地址,我们只需要确定当 前文档同站点根目录之间的相对路径关系就可以了。
网页设计与开发——HTML、CSS、JavaScript实例教程
5.2.2内部链接
所谓内部链接,指的是在同一个网站内部,不同的html页 面之间的链接关系,在建立网站内部链接的时候,要明确 哪个是主链接文件(即当前页),哪个是被链接文件。内 部链接一般采用相对路径链接比较好。根据图5-4所示的 某班级网站站点目录结构,表5-2所示的是内部链接语句 中相对路径的写法。
网页设计与开发——HTML、CSS、JavaScript实例教程
5.2.2内部链接
网页设计与开发——HTML、CSS、JavaScript实例教程
5.2.3外部链接
所谓外部链接,指的是跳转到当前网站外部,与其它网站 中页面或其它元素之间的链接关系。这种链接的URL地址 一般要用绝对路径,要有
完整的URL地址。
网页设计与开发——HTML、CSS、JavaScript实例教程
5.3.1图片链接
可以为一个图片指定链接。 基本语法: <a href="url" target="目标窗口的打开方式"><img src="图片地址"></a>
网页设计与开发——HTML、CSS、JavaScript实例教程
5.3.1图片链接
<!--程序5-2--> <html> <head> <title>建立图片链接</title> </head> <body> <center> <h2>图片链接</h2> <hr> <a href="http://www.77cn.com.cn" target="_blank"><img src= "images/baidu_logo.gif" /></a> </center> </body> </html>
网页设计与开发——HTML、CSS、JavaScript实例教程
5.3.1图片链接
网页设计与开发——HTML、CSS、JavaScript实例教程
5.3.2书签链接
在浏览页面时,如果页面篇幅很长,要不断的拖动滚动条, 给浏览带来不便,要是浏览者既可以从头阅读到尾,又可 以很快寻找到自己感兴趣的特定内容进行部分阅读,这个 时候就可以通过书签链接来实现。当浏览者单击页面上的 某一“标签”,就能自动跳到网页相应的位置进行阅读, 给浏览者带来方便。
…… 此处隐藏:291字,全部文档内容请下载后查看。喜欢就下载吧 ……相关推荐:
- [实用模板]第八章:法国“新浪潮”与“左岸派”
- [实用模板]2021年北京上半年临床医学检验技师生物
- [实用模板]SAP GUI 7.10客户端安装配置文档
- [实用模板]2001年临床执业医师资格考试综合笔试试
- [实用模板]36机场工作实用英语词汇总结
- [实用模板](一)社会保险稽核通知书
- [实用模板]安全教育主题班会材料
- [实用模板]濉溪县春季呼吸道传染病防控应急演练方
- [实用模板]长沙房地产市场周报(1.30-2.3)
- [实用模板]六年级数学上册典中点 - 图文
- [实用模板]C程序设计(红皮书)习题官方参考答案
- [实用模板]中国证监会第一届创业板发行审核委员会
- [实用模板]桥梁工程复习题
- [实用模板]2011学而思数学及答案
- [实用模板]初中病句修改专项练习
- [实用模板]监理学习知识1 - 图文
- [实用模板]小机灵杯四年级试题
- [实用模板]国贸专业毕业论文模板
- [实用模板]教育学概论考试练习题-判断题4
- [实用模板]2015届高考英语一轮复习精品资料(译林
- 00Nkmhe_市场营销学工商管理_电子商务_
- 事业单位考试法律常识
- 诚信教育实施方案
- 吉大小天鹅食品安全检测箱方案(高中低
- 房地产销售培训资料
- 高一地理必修1复习提纲
- 新概念英语第二册lesson_1_练习题
- 证券公司内部培训资料
- 小学英语时间介词专项练习
- 新世纪英语专业综合教程(第二版)第1册U
- 【新课标】浙教版最新2018年八年级数学
- 工程建设管理纲要
- 外研版 必修一Module 4 A Social Surve
- Adobe认证考试 AE复习资料
- 基于H.264AVC与AVS标准的帧内预测技术
- 《食品检验机构资质认定管理办法》(质
- ABB变频器培训课件
- (完整版)小学说明文阅读练习题及答案
- 深思洛克(SenseLock) 深思IV,深思4,深
- 弟子规全文带拼音




