300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 关于img标签的相对路径和绝对路径以及a标签的一些属性问题

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

时间:2020-10-21 11:02:55

相关推荐

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

<!-- 当图片位置和源代码的父文件夹位置在同一父文件夹时候 应先返回父级文件夹../ 因此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属性;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。