前言
每天进步一点点,最后惊艳所有人。文章篇幅很短,答应我要看到最后哦!
提示:以下是本篇文章正文内容,下面案例可供参考
一、路径
简单的说就是网址,说明文件保存在网站中具体位置的说明性信息。路径又分为绝对路径和相对路径,接下来以图片路径来举例。补充一个小知识:目录文件夹(普通文件夹)和根目录(打开目录文件夹第一层就是根目录)。
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