老师这样正常吗?有没有问题?
来源:2-3 编程练习
精慕门8110630
2021-01-21 11:41:09
相关代码:
相关代码:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>一幅图像: <img src="images/liuguang.jpg" width="30%"></p>
<p>一副动画图象: <img src="images/matu.jpg" alt="马图" width="50" height="50"></p>
</body>
</html>
相关截图:

1回答
同学你好,这是错误的,是有问题的,图片没有正常的显示出来。具体解答如下:
1、从截图来看,同学使用的在线编辑器进行的代码测试,但是图片的地址写的是相对地址 ,在线编辑器上找不到images文件夹,所以找不到图片。
2、任务要求中给了图片的绝对路径地址,

如果想在在线编辑器上测试代码,图片地址要写绝对地址,如下图:

如果在自己电脑本地测试,那么图片需要和html文件在同一个目录下,然后再使用相对路径引入图片。如下图所示:
祝学习愉快!
相似问题