HTML标记语言

一、HTML的语法
二、html的基本结构
三、文档设置标记
四、图像标记
五、超链接的使用
六、表格
七、HTML框架
八、表单设计

四、图像标记

<img>图像标记

<img>是个空元素，仅包含属性而没有结束标记

1) 使用方法

<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">

2) <img>标记的属性

            i) src属性 source
                指定我们要加载的图片的路径和图片的名称以及图片格式
                一个点：上级目录
            ii) width属性
                指定图片的宽度，单位px、em、cm、mm
            iii) height属性
                指定图片的高度，单位px、em、cm、mm
            iv) border属性
                指定图标的边框宽度，单位px、em、cm、mm
            v) alt属性 备选文本
                ® 当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字
                ® 如果图像没有下载或者加载失败，会用文字来代替图像显示
                ® 搜索引擎可以通过这个属性的文字来抓取图片

3) 注意⚠️

• <img>为单标记，不需要使用</img>闭合
• 在加载图像文件的时候，文件的路径或者文件名文件格式错误，将无法加载图片