关于img标签的相对路径和绝对路径以及a标签的一些属性问题

来源:互联网 发布:mars旅游软件 编辑:程序博客网 时间:2024/04/30 23:18


<!-- 当图片位置和源代码的父文件夹位置在同一父文件夹时候 应先返回父级文件夹../ 因此src地址填"..\images/baby.jpg" -->
<img src="../images/baby.jpg" alt="1111" >



<!-- 当图片位置和源代码的位置在同一个文件夹时,可以直接访问。(alt属性的值是表示图片加载不出来时显示1111,不填不要紧) -->

<img src="baby.jpg" alt="111">


<!-- 下面用绝对路径,我把图片放在桌面上 -->

<img src="C:\Users\Air\Desktop\baby.jpg" alt="">




!-- 然后关于a标签的一些属性 -->


<a href="#">点击跳转</a>
<!-- 当href后面的值填 '#'时候 此时只会在本页面跳转并回到页面最顶部; -->


<a href="#mubiao1">跳转</a>


当href后面填#号时并且填id时,此时页面回到填id的那个标签


href的值也可以填别的页面的地址 例如:
<a href="test\02.html#mubiao2"></a>
此时页面会跳到02页面


还有a标签里面的target属性也要说一说;在a标签中如果不写target属性,则默认target="_self",只会在本页面跳转;
如果写了target="_blank",则浏览器会新建一个标签页并跳转到指定页面。




最后还要提一提是的base标签,base标签里面也可以写入target属性,主要是用来设置a标签中target属性;

0 0
原创粉丝点击