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

 时间:2024-10-12 10:55:35

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

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

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

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

3、在记事本<body>下方输入代码:<p><img src="baidu/baidu.jpg" /></p>完成后点击保存

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

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

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

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

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

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

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

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

静态网页中如何从不同的位置插入图片
  • 如何在HTML中插入图片
  • 网页设计制作详细流程
  • HTML怎么实现网页跳转
  • 如何利用html制作网页水平导航菜单?
  • CSS中行内、内部、外部三种样式的写法介绍
  • 热门搜索
    爱鸟护鸟手抄报 三年级手抄报保护环境 绿色出行齐步走手抄报 热爱祖国手抄报图片 以过年为主题的手抄报 文明从我做起手抄报 我的青春我做主手抄报 以孝为主题的手抄报 文明在我身边手抄报 手抄报内容资料