HTML中img标签src属性

Question

img标签的src属性只能链接到与脚本文件同一文件夹里面的图片吗？还是只能把图片放到主机目录里才能链接到图片?图片与脚本文件在不同文件夹或不同根目录时，可不可以链接并在页面显示图片?那么URL又该怎么写？请大佬们赐教!多谢！

Answer 1

https://www.imooc.com/wenda/detail/343675

https://www.imooc.com/wenda/detail/339859

https://www.imooc.com/wenda/detail/347910

https://www.imooc.com/wenda/detail/350001

https://www.imooc.com/wenda/detail/333703

https://www.imooc.com/wenda/detail/354803

https://www.imooc.com/wenda/detail/348392

https://www.imooc.com/wenda/detail/336258

https://www.imooc.com/wenda/detail/355566

https://www.imooc.com/wenda/detail/333744

https://www.imooc.com/wenda/detail/338191

https://www.imooc.com/wenda/detail/341483

https://www.imooc.com/wenda/detail/352073

https://www.imooc.com/wenda/detail/343432

https://www.imooc.com/wenda/detail/352079

https://www.imooc.com/wenda/detail/342960

https://www.imooc.com/wenda/detail/337443

https://www.imooc.com/wenda/detail/337311

https://www.imooc.com/wenda/detail/342674

https://www.imooc.com/wenda/detail/350259

https://www.imooc.com/wenda/detail/334371

https://www.imooc.com/wenda/detail/356024

https://www.imooc.com/wenda/detail/349275

https://www.imooc.com/wenda/detail/341694

https://www.imooc.com/wenda/detail/341341

https://www.imooc.com/wenda/detail/342742

https://www.imooc.com/wenda/detail/337500

https://www.imooc.com/wenda/detail/348990

https://www.imooc.com/wenda/detail/334682

https://www.imooc.com/wenda/detail/350061

https://www.imooc.com/wenda/detail/334926

https://www.imooc.com/wenda/detail/337663

https://www.imooc.com/wenda/detail/353989

https://www.imooc.com/wenda/detail/343323

https://www.imooc.com/wenda/detail/338556

https://www.imooc.com/wenda/detail/335368

https://www.imooc.com/wenda/detail/335664

https://www.imooc.com/wenda/detail/347991

https://www.imooc.com/wenda/detail/353843

https://www.imooc.com/wenda/detail/355434

https://www.imooc.com/wenda/detail/341300

https://www.imooc.com/wenda/detail/352106

https://www.imooc.com/wenda/detail/352749

https://www.imooc.com/wenda/detail/338343

https://www.imooc.com/wenda/detail/355115

https://www.imooc.com/wenda/detail/343440

https://www.imooc.com/wenda/detail/340199

https://www.imooc.com/wenda/detail/352791

https://www.imooc.com/wenda/detail/350070

https://www.imooc.com/wenda/detail/340500

https://www.imooc.com/wenda/detail/345327

https://www.imooc.com/wenda/detail/332440

https://www.imooc.com/wenda/detail/346222

https://www.imooc.com/wenda/detail/344681

https://www.imooc.com/wenda/detail/332902

https://www.imooc.com/wenda/detail/339651

https://www.imooc.com/wenda/detail/335655

https://www.imooc.com/wenda/detail/336799

https://www.imooc.com/wenda/detail/332204

https://www.imooc.com/wenda/detail/343745

https://www.imooc.com/wenda/detail/354645

https://www.imooc.com/wenda/detail/336242

https://www.imooc.com/wenda/detail/332634

https://www.imooc.com/wenda/detail/346850

https://www.imooc.com/wenda/detail/338829

https://www.imooc.com/wenda/detail/338829

https://www.imooc.com/wenda/detail/348654

https://www.imooc.com/wenda/detail/347959

https://www.imooc.com/wenda/detail/355912

https://www.imooc.com/wenda/detail/334005

https://www.imooc.com/wenda/detail/332096

https://www.imooc.com/wenda/detail/344193

https://www.imooc.com/wenda/detail/342892

https://www.imooc.com/wenda/detail/354796

https://www.imooc.com/wenda/detail/346788

https://www.imooc.com/wenda/detail/345978

https://www.imooc.com/wenda/detail/338200

https://www.imooc.com/wenda/detail/335467

https://www.imooc.com/wenda/detail/346086

https://www.imooc.com/wenda/detail/337466

Answer 2

使用绝对路径，这样不管图片放在哪，url如何变换都没问题