黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程-p19-17-图像标签(上)-视频笔记

视频地址:https://www.bilibili.com/video/BV14J4114768/?p=19&spm_id_from=pageDriver&vd_source=92091721fde667b87f2021fd2256a257

图像标签

• 在html标签中,<img>标签用于定义html页面中的图像
• 以下代码是图像标签的语法格式:

<img src="图像URL" \>

• 以上代码可知,图像标签是一个单标签
• 以上代码中的img是单词image的缩写,意为图像
• 以上代码中src是img标签的必须属性,它用于指定图像文件的路径和文件名
• 所谓属性:简单理解就是属于这个图像标签的特性

图像标签使用的注意点

• 图像标签使用的图片必须和图像标签所在的文件放在同一个文件夹

图像标签的其他属性

• 以下表格就是图像标签的属性

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本.图像不能显示时的文字
title	文本	提示文本.鼠标放在图像下显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像的边框粗细

• 以上表格中alt属性是替换文本 图像显示不出来的时候用文字替换
• 以上表格中title属性是提示文本 鼠标放在图像上提示的文字

总结

• 讲了怎么插入图像
• 讲了alt替换文本的属性
• 讲了tltle提示文本