养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

静态网页中如何从不同的位置插入图片

时间:2024-10-20 21:01:24

小编在前一次的经验中教大家如何在网页中插入图片,插入的图片路径是同一个文件夹里面的,那如果插入的兔脒巛钒图片不在同一个文件夹呢,或者是其他网站上的图片调用插入要如何设置呢?

工具/原料

宽带上网

电脑

方法/步骤

1、电脑桌面空白位置鼠标右击新建一个记事文本,重新命名:从不同的位置插入图片.html,按回车确认

静态网页中如何从不同的位置插入图片

2、选中桌面html文件右键点击选择记事本打开,并打上如下图所示html标准基础标签代码,然后点击记事本左上角蓝色文件菜单下的保存

静态网页中如何从不同的位置插入图片

3、在记事本<body>下方输入代码:<p><imgs筠续师诈rc="baidu/baidu.jpg"/></p>完成后点击保存

静态网页中如何从不同的位置插入图片

4、双击桌面html文件,打开的页面会看到一张百度logo

静态网页中如何从不同的位置插入图片

5、回到记事本中,在<bod鲻戟缒男y></body>之间添加代码:<p><imgsrc="https://臃扮哀坷www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"/></p>调用百度首页logo完成后点击保存

静态网页中如何从不同的位置插入图片

6、回到桌面鼠标双击html文件,在打开的页面我们可以看到百度logo下方多了一个调用的百度logo

静态网页中如何从不同的位置插入图片

7、在底下一张百度logo鼠标右键打开属性,我们可以看到图片的地址指向是百度主页所在的logo地址

静态网页中如何从不同的位置插入图片

© 一点知识