网页制作06-html,css,javascript初认识のhtml如何建立超链接

news/2025/2/23 6:53:00
htmledit_views">

超链接有外部链接、电子邮件链接、锚点链接、空链接、脚本链接

一、内部链接

与自身网站页面有关的链接被称为内部链接

1、创建内部链接

1)语法:

<a href="链接地址">

……

</a>

2)举例应用: 

 3)实操代码:

html"><body>计算:
<p>
1.<a href="1"> 1+1=?</a></p>
<p>
2.<a href="2">2+2=?</a></p>
<p>
3.<a href="3">3+3=?</a></p>
</body>

 2、链接的目标窗口

简介:在创建网页的过程中,默认情况下超链接在原来的浏览器窗口中打开,可以使用 target属性来控制打开的目标窗口

1)语法:

_self  在当前页面中打开链接

_blank  在一个全新的空白窗口中打开链接

_top  在顶层框架中打开链接,也可以理解为在跟框架中打开链接

_parent  在当前框架的上一层里打开链接

new  在一个全新的空白窗口中打开链接

二、锚点链接 

网站中经常会有一些文档页面由于文本或者图像内容过多,。导致页面过长,为了方便用户查看文档中的内容在文档中需要进行锚点链接。

1、情景模拟:点击2+2的链接,跳转到答案4

2、步骤和语法:

1)建立锚点

<a name="锚点的名称”></a>

2、链接同一页面中的锚点 

<a href="#锚点的名称”></a>

3、链接到其他页面的锚点

首先在同一个目录下新建一个答案页面的html文件:

 <a href="链接的文件地址#锚点的名称”></a>

 3、锚点演示代码:

html"><hr>
计算:
<p>
1.<a href="#1" > 1+1=?</a></p>
<p>
2.<a href="#2" target="_parent">2+2=?</a></p>
<p>
3.<a href="答案页面.html#3" target="new">3+3=?</a></p>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="1">2</a>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="2">4</a>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="3">6</a>

三、外部链接

简介:外部链接是指跳转到当前网站之外的资源:网页中最常用的是利用HTTP协议进行的外部链接是设置友情链接

1、基本语法

<a href="http://……">……</a>

2、友情链接演示效果: 

3、友情链接演示代码: 

html"><hr>
<p>友情链接:</p>
<p><a href="http://www.baidu.com">百度</a></p>
<p><a href="http://www.sina.com">新浪</a></p>
<p><a href="https://www.csdn.net/">CSDN</a></p>	

四、链接到Email

1、简介:

在网页上创建Email链接,当浏览者点击Email链接时,收件人的邮件地址有Email超链接中指定的地址自动更新无需浏览者输入

2、语法:

<a href="mailto:邮件地址”……</a>

 3、点击结果:

4、演示代码

html"><hr>
<p> Email链接</p>
<p><a href="mailto:CYDBUSINESS@OUTLOOK.COM">感谢您的收看,点击此处可以联系小编</a></p>

五、链接到ftp

1、简介:

Ftp是指文件传输协议,一个ftp站点通常包含一些容易上传和下载文件的文件目录。大部分的ftp网站需要一个用户名和密码来进入网站

2、语法:

<a href="ftp://ftp地址">……</a>

3、点击结果:

4、演示代码:

html"><a href="ftp://ftp.tsinghua.edu.cn">进入清华大学的ftp网站</a>

六、链接到telnet

1、简介:

telnet,常常用来登录一些bbs网站也是一种远程登录方式

2、语法:

<p><a href="telnet://地址">……</a></p>

七、下载文件

1、简介:

如果要在网站中提供下载资料,就是要为文件提供下载链接。如果超链接指向的不是一个网页文件,而是其他zip,mp3,a4v,exe等文件,单机链接的时候就会下载文件

2、语法

<p><a href="文件地址"></a></p>

3、 效果:

4、演示代码:

html"><hr>
	<p><a href="MOHA.mp3">MOHA音乐</a></p>


http://www.niftyadmin.cn/n/5863151.html

相关文章

【C++编程入门基础(一)】

文章目录 一、什么是C二、命名空间&#xff08;1&#xff09;为什么有命名空间&#xff08;2&#xff09;命名空间的定义&#xff08;3&#xff09;命名空间的使用 三、输入和输出&#xff08;1&#xff09;输出&#xff08;2&#xff09;输入&#xff08;3&#xff09;总结 四…

大模型监督微调(SFT)技术解析

大模型监督微调&#xff08;SFT&#xff09;技术深度解析 一、基本知识介绍 监督微调&#xff08;Supervised Fine-Tuning&#xff09;是连接预训练与具体应用的关键技术层。其本质是通过特定任务的标注数据&#xff0c;在保持预训练模型核心能力的前提下&#xff0c;调整模型…

计算机毕业设计Hadoop+Spark+DeepSeek-R1大模型民宿推荐系统 hive民宿可视化 民宿爬虫 大数据毕业设计(源码+LW文档+PPT+讲解)

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…

STM32的“Unique device ID“能否修改?

STM32F1系列的"Unique device ID"寄存器的地址为0x1FFFF7E8。 这个寄存器是只读的。 "Unique device ID"寄存器位于“System memory”中。“System memory”地址范围为“0x1FFF F000- 0x1FFF F7FF”。 所有STM32 MCU上都存在系统引导加载程序。顾名思义&a…

服务器配置-从0到分析2:服务器基本设置

最基础的&#xff1a; zerotier组建虚拟局域网&#xff0c;再内网穿透 在vscode&#xff08;coding&#xff09;、mobaxterm&#xff08;normal pc&#xff09;、termius&#xff08;normal Android&#xff09;端配置client&#xff0c;能够remote-ssh再看下面 以及基本的文…

041集——封装之:新建图层(CAD—C#二次开发入门)

如图所示&#xff1a;增加一个图层“新图层”&#xff0c;颜色为红&#xff08;1&#xff09;&#xff0c;当图层颜色定义为黄&#xff08;2&#xff09;时&#xff0c;直接覆盖之前图层颜色&#xff0c;图层名不变。 代码如下&#xff1a; /// </summary>/// <param …

《A++ 敏捷开发》- 16 评审与结对编程

客户&#xff1a;我们的客户以银行为主&#xff0c;他们很注重质量&#xff0c;所以一直很注重评审。他们对需求评审、代码走查等也很赞同&#xff0c;也能找到缺陷&#xff0c;对提升质量有作用。但他们最困惑的是通过设计评审很难发现缺陷。 我&#xff1a;你听说过敏捷的结对…

PolyOS 是面向 RISC-V 架构的智能终端和 AIoT 开源操作系统(基于开源鸿蒙)

PolyOS 是面向 RISC-V 架构的智能终端和 AIoT 开源操作系统 官网&#xff1a;PolyOS | PolyOS PolyOS Mobile&#xff0c;作为一款面向 RISC-V 架构的智能终端操作系统&#xff0c;我们希望能够构建卓越的特性和创新的生态系统来引领未来移动操作系统技术的发展。该操作系统基…