老师这样正常吗?有没有问题?

来源: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>

相关截图:

http://img.mukewang.com/climg/6008f7b0098de7eb19190915.jpg

写回答

1回答

好帮手慕张

2021-01-21

同学你好,这是错误的,是有问题的,图片没有正常的显示出来。具体解答如下:

1、从截图来看,同学使用的在线编辑器进行的代码测试,但是图片的地址写的是相对地址 ,在线编辑器上找不到images文件夹,所以找不到图片。

2、任务要求中给了图片的绝对路径地址,

http://img.mukewang.com/climg/6009353109a5605304960373.jpg

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

http://img.mukewang.com/climg/6009355309855c7107740205.jpg

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

http://img.mukewang.com/climg/6009356d0941a04311710096.jpg

祝学习愉快!


1

0 学习 · 15276 问题

查看课程