如何用记事本编写一个带有图片的网页?

 时间:2026-02-12 20:54:04

1、首先,我们要创建一个记事本,在某个磁盘的文件夹,右击选择创建一个记事本,如图所示

如何用记事本编写一个带有图片的网页?

2、我这里在网上找的一张照片,保存到某个文件中,以便打开网页的时候所用,如图所示

如何用记事本编写一个带有图片的网页?

3、然后,双击打开记事本,在编辑区,输入如下网页代码,

<html >

<head>

<title>我的第一个空间</title>

</head>

<body>

<img src="file:///E|/新建文件夹/1.jpg

</body>

</html>

注意图片路径要对

如何用记事本编写一个带有图片的网页?

4、输入完成后,点击记事本的菜单栏的文件》另存为...,将后缀名改为.html,如图所示

如何用记事本编写一个带有图片的网页?

如何用记事本编写一个带有图片的网页?

5、然后,双击刚才保存为.html的文件,也就网页文件,这时,看到在浏览器中打开了,有一张图片,如图所示

如何用记事本编写一个带有图片的网页?

如何用记事本编写一个带有图片的网页?

  • 如何在HTML中插入图片
  • 电脑的记事本怎样制作网页
  • 怎样让html中的文字垂直水平居中显示
  • 如何制作带背景图片的导航
  • 怎样在html网页中插入视频
  • 热门搜索
    北京春节旅游攻略 去土耳其旅游 浙江旅游胜地 安康旅游网 青岛旅游图片 旅游网站模板下载 旅游产品分销平台 联联旅游 厦门有哪些旅游景点 东南亚旅游报价