html开发笔记11- 网页超链接

一、超链接说明

超链接就是你在网页上点一个按钮,它会自动跳转到其他页面或自动进行下载。

二、超链接的语法

超链接的标签是 a 标签 ,一般的超链接语法是这样的:<a href属性=“链接”>按钮名称,例如:

注意事项:添加超链接时,被链接的文件类型如果可以被浏览器识别则自动打开,如果不能被识别,会直接下载。

1、外部跳转:外部跳转就是类似上面那个,点击后跳转到其他页面。

<body>

<!--超链接标签-->

<a href="https://www.baidu.com">点击跳转到百度</a>

</body>

2、内部跳转:内部跳转的意思就是,点击完后跳转到这个网页目录下的某个文件,用法如下:

<body>

<!--内部跳转:假设要跳转到当前路径下的 test.html 文件,可以这样写-->

<a href="test.html">内部html文件</a>

<!--或者这样写-->

<a href="d:/html/test.html">内部html文件</a>

</body>

3、下载超链接:这个意思就是点击按钮后开始下载,下载就是跳转到某个文件上,例如:

<body>

<!--下载超链接:image的意思就是当前路径下的image目录,也就是当前html所在的目录,不用加/-->

<a href="image/test.png">下载图片</a>

</body>

相关文章

Web前端开发,HTML超链接标签,不懂的可以学习一下

一、什么是HTML的超链接大家平时浏览的网页中都可以找到链接。点击链接就可以从一个页面跳转到另一个页面。HTML超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。可以点击这些内容来跳转到新的文...

前端入门——css链接样式

首先让我们回顾下前端入门——html 超链接的用法 <a href="url"> , 超链接是一个非常伟大的发明,它链接了整个互联网,没有它就没有互联网。超链接在发明之初就...

简单网站链接制作方法

网站链接是我们再熟悉不过的了,今天东阳为大家介绍一个简单的链接制作方法。(高手勿喷)HTML文档结链接格式如下:<html><head><title></ti...