Web学习记录 在base设置以后,img的绝对路径设置问题

今天学习web的过程中遇到问题,网上搜索没有找到答案,所以记录一下

在设立base相对地址之后,图片的绝对地址写法

错误示范

<img src="D:\Coding\Code\WebCode\Study\Img\1.png" alt="猫猫">

效果
错误

正确示范

<img src="http://localhost:63342/Study/Img/1.png" alt="猫猫">

效果
正确

示例

<!DOCTYPE html>
<html>
<head>
    <!--base元素用于指定一个基准URL,html文档中所有的相对链接都会在此基础上进行解析 target="_blank"的意思是以新标签页打开-->
	<base href="https://man.ilovefishc.com/pageHTML5/" target="_blank">
</head>
<body>
   	<img src="http://localhost:63342/Study/Img/1.png" alt="猫猫">
	<!--三个相对链接-->
	<a href="base.html">第一个例子</a>
	<a href="a.html">第二个例子</a>
	<a href="s.html">第三个例子</a>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_50783572/article/details/121954010