HTML路径和超链接标签

导读:本篇文章讲解 HTML路径和超链接标签,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com


前言

每天进步一点点,最后惊艳所有人。文章篇幅很短,答应我要看到最后哦!


提示:以下是本篇文章正文内容,下面案例可供参考

一、路径

简单的说就是网址,说明文件保存在网站中具体位置的说明性信息。路径又分为绝对路径和相对路径,接下来以图片路径来举例。补充一个小知识:目录文件夹(普通文件夹)和根目录(打开目录文件夹第一层就是根目录)。

1.绝对路径

目录下的绝对位置,直接到达目标位置,通常从盘符开始的路径。

代码如下(示例):

<img src="https://wedu.zentaopm.com/czgw/images/logo.png"/><img src="C:\Users\lin\Desktop\学习前端\02\022.png"/>

2.相对路径

当前图片相对于当前HTML页面的位置。

代码如下(示例):

同一级路径"直接是图片名字"<img src="p1.jpg"/>
下一级路径"文件夹名字/图片名字"<img src ="images/p1.png"/>
上一级路径"../图片名字"<img src="../p1.png"/>

二、超链接标签

1.链接的语法格式以及属性

链接语法格式:<a href=”跳转目标”target=”目标窗口弹出方式”>文本或图案
属性:href(必须属性):用于指定链接目标的url地址,,具有超链接功能;target:用于指定链接页面的打开方式,_self为默认值,_blank为新窗口打开方式。

2.链接分类

(1)外部链接

代码如下(示例):

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

(2)内部链接

代码如下(示例):

<a href="index.html">首页</a>

(3)空链接

代码如下(示例):

<a href="#">公司地址</a>

(4)下载链接:href里面是地址或者压缩包

代码如下(示例):

 <a href="022.zip">下载文件</a>

(5)锚点链接:快速定位到页面中某个位置,在href中设置属性值”#名字“的形式,在目标位置添加id属性调用名字。

代码如下(示例):

<a href="#name">名字来源</a>
<h3 id=“name">名字来源</h3>

总结

以上就是今天要讲的内容,本文仅仅简单介绍了HTML的路径和超链接标签,谢谢浏览,文中如有错误,望批评指教。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/6307.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!