HTML中的超链接

December 09, 2023
测试
测试
测试
测试
3 分钟阅读

超链接:也叫URL(Uniform Resource Locator),就是统一资源定位器。一般效果是我们点击网页上某个地方,网页会自动跳转到另外一个地方。

一般链接遵循以下要求:scheme://host.domain:port/path/filename

比如W3C的网站地址为: http://www.w3school.com.cn/html/index.asp。我们对上面的各个单词做如下解释:

  scheme - 定义因特网服务的类型。最常见的类型是 http    host - 定义域主机(http 的默认主机是 www)    domain - 定义因特网域名,比如 w3school.com.cn    :port - 定义主机上的端口号(http 的默认端口号是 80)    path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。    filename - 定义文档/资源的名称   注意:Scheme 定义的服务类型为:      http 超文本传输协议 以 http:// 开头的普通网页。不加密。      https 安全超文本传输协议 安全网页。解密所有信息交换。 比如支付宝的网址:https://www.alipay.com/     ftp 文件传输协议 用于将文件下载或上传至网站。      file   :计算机上的文件。 

实际上在网页开发中,我们用到的就是<a href="#"></a>来定义超链接的路径

一、http 链接:

<a href=http://www.baidu.com>百度</a>

二、本地链接:

<a href=file:///e/images/pic.jpg>图片</a>

三、ftp 链接

<a href=ftp://192.168.4.21/>进入</a>

四、邮箱链接

<a href=mailto:bnbbs@163.com>E-MAIL</a>

最后重点说一下瞄点链接:一般是点击之后跳到网页的一个地方。比如淘宝网站页面上的《返回到顶部》这个链接

  定义锚点:<a name=“锚点名称”>…</a>   链接点:<a href=“#锚点名称”>…</a>

当然,我们还可以到别的页面:

定义瞄点:<a name=“锚点名称”>…</a>  链接锚点:<a href=“index.htm#锚点名称”>…</a>

继续阅读

更多来自我们博客的帖子

如何安装 BuddyPress
由 测试 December 17, 2023
经过差不多一年的开发,BuddyPress 这个基于 WordPress Mu 的 SNS 插件正式版终于发布了。BuddyPress...
阅读更多
Filter如何工作
由 测试 December 17, 2023
在 web.xml...
阅读更多
如何理解CGAffineTransform
由 测试 December 17, 2023
CGAffineTransform A structure for holding an affine transformation matrix. ...
阅读更多