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

 时间:2026-02-15 07:38:24

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

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

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

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

3、在记事本<body>下方输入代码:

<img src="baidu/baidu.jpg" />

完成后点击保存

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

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

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

5、回到记事本中,在<body></body>之间添加代码:

<img 

src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6c

f.png" />

调用百度首页logo

完成后点击保存

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

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

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

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

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

  • 如何在HTML中插入图片
  • 网页设计制作详细流程
  • HTML怎么实现网页跳转
  • 如何利用html制作网页水平导航菜单?
  • CSS中行内、内部、外部三种样式的写法介绍
  • 热门搜索
    百里峡旅游 张家界旅游预订 陕西省旅游网 垦丁旅游 杭州市旅游网 河南宝泉旅游度假区 康辉旅游集团 国庆去哪里旅游好 集体旅游 云南旅游风光