




已阅读5页,还剩40页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第5章超级链接 主要内容 为网页添加超链接 添加书签链接 电子邮件超链接 FTP链接 建立图像映射 5 1超链接简介 网页文件的最大魅力是超越各个文件的空间 通过超链接相互连接构成一个纷繁复杂的互联网世界 超链接 hyperlink 是一个网站的精髓 超链接在本质上属于一个网页的一部分 它是一种允许一个网页同其他网页或站点之间进行链接的元素 各个网页链接在一起后 才能真正构成一个网站 超文本具有的链接能力 层层链接相关文件 这种具有超级链能力的特性 即称为超链接 超链接除了可链接文本外 也可链接各种媒体 如声音 图像和动画等 通过它们可以将网站建设成一个丰富多彩的多媒体世界 5 1超链接简介 5 1超链接简介 5 2创建超链接 建立超链接的标记是a anchor 锚 以开始 以结束 锚可以指向网络上的任何资源 一张HTML页面 一幅图像 一个声音或视频文件等 基本语法 超链接名称 5 2创建超链接 创建链接创建链接新浪百度北京大学 5 2创建超链接 5 2 1设置超链接路径 建立链接时 属性 href 定义了这个链接所指的目标地址 也就是路径 理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本 每一个网站都具有独一无二的地址 英文中被称作URL UniformResourceLocator 即统一资源定位器 同一个网站下的每一个网页都有不同的地址 但是在创建一个网站的网页时 不需要为每一个链接都输入完整的地址 我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了 5 2 2内部链接 所谓内部链接 指的是在同一个网站内部 不同的html页面之间的链接关系 在建立网站内部链接的时候 要明确哪个是主链接文件 即当前页 哪个是被链接文件 内部链接一般采用相对路径链接比较好 根据图5 4所示的某班级网站站点目录结构 表5 2所示的是内部链接语句中相对路径的写法 5 2 2内部链接 5 2 3外部链接 所谓外部链接 指的是跳转到当前网站外部 与其它网站中页面或其它元素之间的链接关系 这种链接的URL地址一般要用绝对路径 要有完整的URL地址 5 3 1图片链接 可以为一个图片指定链接 基本语法 5 3 1图片链接 建立图片链接图片链接 5 3 1图片链接 5 3 2书签链接 在浏览页面时 如果页面篇幅很长 要不断的拖动滚动条 给浏览带来不便 要是浏览者既可以从头阅读到尾 又可以很快寻找到自己感兴趣的特定内容进行部分阅读 这个时候就可以通过书签链接来实现 当浏览者单击页面上的某一 标签 就能自动跳到网页相应的位置进行阅读 给浏览者带来方便 5 3 2书签链接 基本语法 在同一页面内要使用书签链接的格式 链接标题在不同页面之间要使用书签链接的格式 在不同页面中链接的前提是需要指定好链接的页面地址和链接的书签名称 链接标题以上两种书签链接形式 链接到的目标为 链接内容 5 3 2书签链接 5 3 2书签链接 5 3 2书签链接 5 3 3电子邮件链接 在HTML页面中建立E mail链接 用户单击链接 系统会自动启动默认的电子邮件软件 打开一个邮件窗口 基本语法 链接内容 5 3 3电子邮件链接 发送邮件这是邮件链接 联系我们 5 3 3电子邮件链接 5 3 4FTP链接 FTP是一种文件传输协议 它是计算机与计算机之间能够相互通信的语言 通过FTP可以获得Internet上丰富的资源 基本语法 链接内容 5 3 4FTP链接 ftp链接这是一个FTP链接 北京大学FTP服务器 5 3 4FTP链接 5 3 5下载文件的链接 如果希望制作下载文件的链接 只需在链接地址处输入文件所在的位置即可 当浏览器用户单击链接后 浏览器会自动判断文件的类型 以做出不同情况的处理 基本语法 链接内容 5 3 5下载文件的链接 下载文件这是一本电子书 数据结构 C 5 3 5下载文件的链接 5 4图像映射 图像映射就是在图像上先划分出不同的区域 然后定义哪个目标与图像的哪个区域对应 但单击图像的某一区域 就会把用户带到一个目标 单击另一区域 又会把用户带到另外的目标 其实 图像映射就是将图像内的区域与一系列URL链接起来了 从而单击特定区域就会把用户带到相应的内容 这里所讲的映射是客户端图像映射 这和服务器端图像映射相比 运行速度要快 5 4图像映射 基本语法 5 4图像映射 5 4图像映射 郑州郑州 河南省省会 是中国重要的内陆开放城市和历史文化名城 郑州历史悠久 文化灿烂 旅游资源丰富 北京北京中华人民共和国首都 中央直辖市 简称京 是我国第二大超级现代化大都市 北京是我国的政治中心 交通中心 文化中心 科研中心 教育中心 具有较高的国际知名度 上海上海是中国第一大城市 世界第八大城市 中国中央四个直辖市之一 有超过2000万人口居住和生活在上海及其附近地区 长春长春 吉林省省会 全省政治 经济 文化和交通中心 中国最大的汽车工业城市 中国建成区面积和建成区人口第九大城市 东北地区中部最大的中心城市 5 4图像映射 5 5小实例 程序5 9描述了班级网站首页导航条的创建 这里综合运用了链接和样式来设计导航 在head部分中的style标记中 定义了导航条的使用效果 a head部分 当访问者鼠标移向每个栏目的名称时 字的颜色都会发生变化 点击栏目名 则进入相应的页面 5 5小实例 班级网站首页班级新闻班级相册 5 5小实例 个人主页留言本网页设计关于我们 5 5小实例 5 5小实例 班级相册 img x margin 15px height 80px width 120px border 1pxsolid 8397A0 图片链接 5 5小实例 5 5小实例 小结 1 一般规则是 对于自己站点上的网页的链接 使用相对URL 对于其他站点上的资源链接 使用绝对URL 2 如果指定路径但省略文件名 就会链接到目录下的默认文件 网站可以自己定义默认页面 如果路径也省略 就会链接到网站的默认主页 3 URL最好使用小写字母来表示 4 不要使用 点击这里 作为显示标签 应该使用文本中已经存在的关键词来表示链接 小结 5 可以对链接应用样式进行格式化 甚或使用图像作为标签 来吸引用户的注意力
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 南京江苏正德职业技术学院公开招聘人员笔试历年参考题库附带答案详解
- 广东舞蹈戏剧职业学院《工程项目管理一》2023-2024学年第二学期期末试卷
- 潍坊职业学院《J2E应用开发》2023-2024学年第二学期期末试卷
- 潇湘职业学院《自然灾害与防治》2023-2024学年第二学期期末试卷
- 西安医学院《设计管理与营销(C)》2023-2024学年第二学期期末试卷
- 许昌陶瓷职业学院《理论生态学》2023-2024学年第二学期期末试卷
- 宁夏工商职业技术学院《C语言》2023-2024学年第二学期期末试卷
- 云南中医药大学《广告策划与创意》2023-2024学年第二学期期末试卷
- 北京农学院《水工程测量》2023-2024学年第二学期期末试卷
- 黑龙江林业职业技术学院《地形图应用学》2023-2024学年第二学期期末试卷
- T-CCA 035-2024 现制现售饮品添加糖量及食品安全操作指南
- 创业创新大赛职教赛道
- 围手术期肺部感染预防
- 2025年春季安全教育主题班会教育记录
- 2024版特种设备重大事故隐患判定准则课件
- 2025年全球及中国钢制螺旋锥齿轮行业头部企业市场占有率及排名调研报告
- 机电一体化专科毕业论文范文
- 品牌推广案例考核试卷
- 《管理学基础》课程标准(含课程思政)
- 2025年春新北师大版数学七年级下册课件 第四章 三角形 问题解决策略:特殊化
- 融资担保行业2024年信用回顾与2025年展望 -新世纪
评论
0/150
提交评论