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

 时间:2024-10-20 16:10:53

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

工具/原料

宽带上网

电脑

方法/步骤

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地址

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

如何在HTML中插入图片 网页设计制作详细流程 HTML怎么实现网页跳转 如何利用html制作网页水平导航菜单? CSS中行内、内部、外部三种样式的写法介绍
热门搜索
人体艺术图片欣赏 动漫表情 兄弟图片霸气 青藏铁路图片 钧窑瓷器图片