工业UI开发技术-课件 2-1-4 HTML图片.pptxVIP

HTML图片深圳市信息职业技术学院

HTML本地图片01目录02HTML网络图片

本节目标 本任务需要了解的HTML内容包括：HTML的概念，发展历程。需要掌握的是HTML文本相关标签，列表，图片，多媒体，表格，表单标签以及行级与块级标签的分类。通过本节学习可以：了解HTML发展历程。掌握HTML常用标签。掌握常用标签的常用属性。

01HTML本地图片

HTML本地图片语法：imgsrc=图片地址width=400height=363alt=下载失败时的替换文本title=提示文本src：规定显示图像的URL(图像地址/图像存放的位置）图像可以是GIF，PNG，JPEG格式的图像文件。alt：显示替换文本。在浏览器无法载入图像时，替换文本属性告诉读者它们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；alt和title的区别width,height：图形宽高

URL路径主要有两种：相对路径和绝对路径相对路径，就是从自身的角度出发，去寻找目标文件。 同级相对路径：imgsrc=”直接写文件名称”/ 下一级相对路径：imgsrc=”文件夹名称/图片名称”/一个/代表向下跳一级 上一级相对路径：imgsrc=”../图片名称”/ 一个../表示向上跳一级绝对路径：是从盘符开始的路径，形如C:\windows\system32\cmd.exe或在网站中类似以/img/photo.jpg来确定文件位置的方式也是绝对路径。注意：存放图片的文件夹，一定不能用中文。

02HTML网络图片

HTML网络图片如果img标签中的src指示的地址不是本地的，而是一个网络地址，我们可以展示网络图片,例如imgsrc=/img/m1.png/

THANKYOU深圳市信息职业技术学院