html超链接怎么跳转到指定的页面【html中超链接】 收藏 0

HTML实体，链接，框架（笔记9）

网络安全自学笔记9

继续学习HTML，学习资料解压到了E盘根目录

浏览器打开E:/html教学资料/html教学版/index.htm，可以全部展开学习

HTML在线手册

有些字符，比如说“<”字符，在HTML中有特殊的含义，因此不能在文本中使用想要在HTML中显示一个小于号“<”，需要用到字符实体。一个字符实体拥有三个部分：一个and符号（&），一个实体名或者一个实体号，最后是一个分号（;）想要在HTML文档中显示一个小于号，我们必须这样写：

{

常用的字符实体

常用的字符实体

HTML使用锚标签（<a>）来创建一个连接到其他文件的链接。锚可以指向网络上的任何资源：HTML页面，图像，声音，影片等等。

创建一个锚的语法：

<a href=\”url\”>Text to be displayed</a>

标签<a>被用来创建一个链接指向的锚，href属性用来指定连接到的地址，在锚的起始标签<a>和结束标签</a>中间的部分将被显示为超级链接

1、在HTML文档中如何创建链接

创建链接

2、在HTML文档中如何用图片作为链接

图片链接

3、怎样用打开新窗口的方式来链接到其他页面

target属性

4、如何跳转到一个文档的某部分

链接到本页面的某个位置

5、假如你的页面在框架中，如何跳出框架

跳出框架

6、如何链接到一个邮件信息

创建一个邮件链接

使用框架，可以在一个浏览器窗口中显示不止一个HTML文档，这样的HTML文档被称为框架页面，它们是相互独立的

• <frameset>标签定义了如何将窗口拆分成框架
• 每个frameset标签定义了一组行和列
• 行/列的值指明了每个行/列在屏幕上所占的大小

1、如何创建一个有三个页面的垂直分栏

垂直分栏

2、如何创建一个有三个页面的水平分栏

水平分栏

3、怎样把三个页面以行列混合的方式放在框架中

混合框架

4、不可改变大小的框架，把鼠标移动到边界上，无法调整大小

noresize属性

5、如何创建一个导航框架

导航框架

6、如何创建一个内联框架

内联框架

7、在框架内跳转到指定章节

在框架内跳转到指定章节

8、使用导航框架跳转到指定章节

使用导航框架跳转到指定章节

总结：

1、继续了解HTML语言

2、学习HTML实体，链接，框架

「Excel技巧」Excel如何设置超链接快速跳转，增删改操作一目了然

excel如何设置超链接，快速跳转至指定网址，超链接修改、删除操作一目了然

1.数据准备准备好需要超链接的单元格，以及需要跳转的网址，比如 百度，需要跳转至百度官方网址：https://www.baidu.com/北京，需要跳转至百度百科北京简介网址：https://upimg.baike.so.com/doc/2510451-2652822.html百度新闻，需要跳转至百度百科上海简介网址：https://news.baidu.com/百度地图：https://map.baidu.com/@12959220,4825334.5,12z2.配置超链接 选中单元格，右键弹框点击“超链接”，打开配置弹框

3.确定后，百度变成蓝色带下划线，鼠标选中单元格还有提示超链接信息，点击即可打开百度网址

4.其他单元格分别按照步骤2配置即可完成北京，网址：https://upimg.baike.so.com/doc/2510451-2652822.html百度新闻，网址：https://news.baidu.com/百度地图，网址：：https://map.baidu.com/@12959220,4825334.5,12z

补充—————》 *修改超链接 如果超链接配置错了，我们也可以进行修改操作 选中超链接单元格，右击选择“编辑超链接”，弹框打开修改为正确地址即可

*取消超链接 有时不需要超链接，如何取消呢？ 选中超链接单元格，右击选择“编辑超链接”，弹框打开修改为正确地址即可

————–工具/材料————

1.电脑： 笔记本、台式电脑均可

2.系统：win10或其他

3.软件：Microsoft Excel 2016 或其他

4.其他：暂无

H5页面跳转小程序或APP详细操作步骤

最近接到一个任务，刚好是要求在网页里跳转到指定的小程序，然后，在查询公众号开发文档手册看到开放标签 跳转小程序：wx-open-launch-weapp；

在页面上根据官网给定的代码进行编写，我使用的原生html编写，如果使用vue编写，请将<script type=\”text/wxtag-template\”>改为<template>，对应标签闭合

wx-open-launch-weapp按钮中的属性， appid为跳转小程序的appid， path为要跳转到小程序的某个页面并可以携带参数，具体可以参考官网

注意引入微信 JS-SDK的jweixin-1.6.0.js，配置

wx.config({

debug: false,

appId: \”wx51585f14e703e071\”, // 必填，公众号的唯一标识

timestamp: \”1736233089\”, // 必填，生成签名的时间戳

nonceStr: \”227d2c5f-bdd4-4c18-a892-bc7f8c0d4f3c\”, // 必填，生成签名的随机串

signature: \”52b22cc6df1ebf1c59ca067ae5dcddda411b22e2\”,// 必填，签名

jsApiList: [

\’checkJsApi\’,

\’onMenuShareTimeline\’,

],

openTagList: [

\’wx-open-launch-weapp\’,

] // 可选，需要使用的开放标签列表，例如[\’wx-open-launch-app\’]

});

避坑的地方：在wx.config中appid是公众号的appid,jsApiList中不能为空

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com