当前位置: 首页 > news >正文

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

本节说明:

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

三、超链接的应用

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

3.1 创建HTTP文档下载超链接

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

<a href"url">链接内容</a>

 3.2   创建FTP站点访问超链接

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

<a href="ftp://服务器IP地址或域名">链接的文字</a>

3.3  创建图像超链接

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

<a href = "URL"><img src ="" alt=""></a>

3.4   创建电子邮件超链接

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

<a href="mailto:E-mail地址[?subject=邮件主题[&参数=参数值]]">链接内容</a>

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

例如:

<a href ="mailto:some@mysoft.com;jlchu@163.com?cc = xyz@163.com&bcc=anbo@sina,com&subject=Hello820again&body=下周二开会讨论">发送邮件</a>

3.5 创建页面书签链接

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

3.5.1 定义书签

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

<a name="书签名">书签标题</a>

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

3.5.2 定义书签链接

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

基本语法:

<a href="#书签名">书签标题</a>     <!-- 同一页面内 -->
<a href="URL#书签名">书签标题</a>  <!-- 不同页面内 -->

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

四、浮动框架

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

基本语法:

<iframe 属性名称="value" name="iframename"></iframe>
<a href ="target.html" target="iframename">链接标题</a>

语法说明:

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

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

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

相关文章:

  • 机器学习项目一:虚假新闻检测
  • yum安装MySQL数据库
  • MCP协议实战指南:在VS Code中实现PostgreSQL到Excel的自动化迁移
  • Unified Modeling Language,统一建模语言
  • centOS 安装和配置docker
  • 《探秘鸿蒙分布式软总线:开启无感发现与零等待传输新时代》
  • 3.7 字符串基础
  • 树莓派第5代主板连接cis摄像头
  • Python学习笔记(列表相关操作)
  • 供应商涨价,项目如何控制采购成本
  • ⑫交换机引流设备案例
  • What Was the “Game Genie“ Cheat Device, and How Did It Work?
  • ViT 模型讲解
  • 【Java八股】
  • 3.2.2.2 Spring Boot配置视图控制器
  • 机器学习项目三:颜色检测
  • Java老鼠迷宫(递归)---案例来自韩顺平老师讲Java
  • Neo4j GDS-11-neo4j GDS 库中相似度算法实现
  • 鸿蒙开发-ArkUi控件使用
  • 重学Redis:Redis常用数据类型+存储结构(源码篇)
  • 国有六大行一季度合计净赚超3444亿,不良贷款余额均上升
  • 广东雷州农商行董事长、原行长同日被查
  • “五一”假期倒计时,节前错峰出游机票降价四成
  • 四川邻水县县长石国平拟任县(市、区)党委书记
  • 影子调查丨起底“三无”拖拉机产销链:出口掩内销,监管如虚设
  • 中央政治局会议举行,传递三重确定性