Web前端开发——超链接与浮动框架(下)

本节说明:

上一节,我们了解了超链接概述与超链接的语法、路径及分类两大部分内容,本节我们将了解超链接的应用与浮动框架。

三、超链接的应用

在网络上能够通过链接访问不同的资源或网页。链接对象多种多样,可分为文件、FTP站点、图像、电子邮件及书签等。

3.1 创建HTTP文档下载超链接

网站经常提供软件、文件等资料的下载,下载文件的链接指向文件所在的相对路径或绝对路径,文件类型为*.doc、*.pdf、*.exe、*.rar等。其基本语法如下:

链接内容

 3.2   创建FTP站点访问超链接

FTP服务器链接和网贡链接的区别在于所用协议不同,浏览网页采用btp协议,而间FTP服务器采用P协议。FTP需要从服务器管理员处获得登录的权限,不过部分服务器可以腔名访问,从而获得一些公开的文件。其基本语法如下:

链接的文字

3.3  创建图像超链接

将链接标题替换为一幅图像,在浏览时单击该图像,就可以打开链接的目标文件。其基
本语法如下:

3.4   创建电子邮件超链接

一般网站上都会设置“联系我们”这样的栏目或超链接,目的是方便用户及时与网站管理员进行沟通与联系,这就是人们常说的电子邮件链接。其基本语法如下:

链接内容

 邮件地址必须完整,例如[email protected]。其参数有cc(抄送)、bcc(密送)、subject(主题)、body。多个收件人用分号“;”分隔;多个参数用“&”连接,“&”与关键字之间不能留空格;空格用“%20”代替。

例如:

发送邮件

3.5 创建页面书签链接

书签是指到文章内部的链接,可以实现段落间的任意跳。实现这样的链接要先定义一个书签作为目标端点,再定义到书签的链接。链接到书签分为两种,即链接到同一页面中的书签和链接到不同页面中的书签。

3.5.1 定义书签

通过设置超链接a标记的name性来定义书签。

书签标题

 name属性的值是定义书签的名称,供书签链接引用。超链接之间的信息为书签的标题。

3.5.2 定义书签链接

通过设置超链接a标记的bref属性来定义书签链接。

基本语法:

书签标题     
书签标题  

第一种是同一页面内的书签,第二种是不同页面内的书签,其中URL设置HTML文件名称,“#书签名”表示引用名称为“书签名”的书签。 

四、浮动框架

浏览器窗口中含有的孤立的子窗口称为浮动框架,也称为内联框架。在浏览器窗口中嵌入浮动框架可使用i{rame标记,该标记为成对标记,必须插人在 body 标记中,而不能插人在frameset 标记中。

基本语法:


链接标题

语法说明:

属性名称及相关说明如下表:

属性 说明 属性 说明
src 设置源文件属性 height 设置浮动框架窗口高度
name 设置框架名称 frameborder 设置框架边框
width 设置浮动框架窗口高度 scrolling 设置框架滚动条

ps:本节学习就到这里,有问题欢迎大家指出。下节更新图像与多媒体文件。

你可能感兴趣的:(web前端开发,php,开发语言,前端,html,web)