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

 时间:2024-10-12 11:44:40

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

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

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

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

3、然后,双击打开记事本,在编辑区,输入如下网页代码,<html ><head><title>我的第一个空间</title></head><body><img src="file:///E|/新建文件夹/1.jpg" width="451" height="300" /></body></html>注意图片路径要对

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

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

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

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

如何用记事本编写一个带有图片的网页
如何用记事本编写一个带有图片的网页
  • 如何在HTML中插入图片
  • 电脑的记事本怎样制作网页
  • 怎样让html中的文字垂直水平居中显示
  • 如何制作带背景图片的导航
  • 怎样在html网页中插入视频
  • 热门搜索
    中学生手抄报 爱牙手抄报 民族大团结手抄报 爱成都迎大运手抄报 清明节手抄报大全 新年手抄报图片 教师节手抄报内容 小学生数学手抄报 抗疫情手抄报 关于新学期的手抄报