HTML入门笔记14-HTML中插入图片标签

来源:互联网 发布:ios10怎么信任软件 编辑:程序博客网 时间:2024/05/17 08:48

       本篇学习HTML中插入图片标签<img>,img是英文单词image的缩写,主要有三个参数,scr的值需要写图片的路径,height表示图片高度,width表示图片宽度,下面我们用百度首页图片来演示。需要提前把百度首页图片保存到本地,例如我在桌面创建一个HTML的文件夹,里面有baidu.png和当前演示的demo.html两个文件。

<!DOCTYPE html>        <html>            <head>          <title>              HTML插入图片        </title>              <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      </head>      <body>          <center><font size="4"><p>演示插入百度首页图片文案</p></font></center>        <center><img src="baidu.png" height="60%" width="60%"></center>    </body>  </html>  
面写法是默认图片和demo.html在同一个文件夹下,如果单独把baidu.png放在桌面,你就需要些图片的绝对路径。<center><img src="C:\Users\Administrator\Desktop\baidu.png" height="60%" width="60%"></center>

原创粉丝点击