代码如下:
1、
img介绍：
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度
2、我们在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
3、效果图：
扩展资料:
在HTML中出现图片通常有2种：
1、某元素的背景图像【绝大多数元素都可以通过background属性设置其背景图像】
直接在html中的标签里设置：
设置一个段落的背景图像
一个段落
“ 的背景图像：
调整图片位置可以用margin。
如果是调整长宽高，可直接做如下操作
div{
width:300px;
heigth:300px;
margin：20px 30px 10px 10px;
img 元素向网页中嵌入一幅图像。
请注意，从技术上讲， 标签并不会在网页中插入图像，而是从网页上链接图像。
标签创建的是被引用图像的占位空间。
扩展资料：
HTML，超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
参考链接：HTML_百度百科
（E:\\eg_thim.jpg是存放图片的路径）
网页图片的基本格式：
HTML的相关标准中并没有规定图片的格式，原则上来说是任意的。但是目前市场上的主流浏览器对网页图片的格式有所要求，通常情况下是：JPEG(联合图像专家组)和GIF(图像交换格式)两种格式的图片；至于两种图片的一些特点和各自的优缺点。
插入图片：
插入图片可以起到适当的美化作用。而插入图片的标签只有一个标签，它允许在文档当前的文本流中引用或者插入图像图像，没有结束标签。
扩展资料
HTML img标签属性
absbottom 图像的下边缘与同一行中最大元素的下边缘对齐
absmiddle 图像的中间与同一行中最大元素的中间对齐
baseline 图像的下边缘与第一行文本的下边缘对齐
bottom 图像的下边缘与第一行文本的下边缘对齐
left 图像沿网页的左边缘对齐，文字在图像右边换行
middle 图像的中间与第一行文本的下边缘对齐
notSet 未设定对齐方式
right 图像沿网页的右边缘对齐，文字在图像左边换行
textTop 图像的上边缘与同一行上最高文本的上边缘对齐
top 图像的上边缘与同一行上最高元素的上边缘对齐
参考资料：百度百科-image标签