![](https://cos-cdn.shuashuati.com/pipixue-wap/2020-1230-1107-56/ti_inject-812ce.png)
念 朗读 朗读 1
![](https://cdn.shuashuati.com/imgs/48778322a47431fd55ce58ffacfc3a02 URL)
图像标记 src 属性用于指定图像文件的路径和文件名 ,它是 img 标记的必需属性。 D:\HTML5+CSS3\images\https://cdn.shuashuati.com/imgs/f3e860f8114b159b48570ae7528cf55a.gif 带的全路径是绝对路径 http://www.itcast.cn/images/https://cdn.shuashuati.com/imgs/f3e860f8114b159b48570ae7528cf55a.gif 网页地址是绝对路径
![传智播客 - 专业的 java 培训 ,.net 培训 ,php 培训 , 网页培训 , 平面培训 ,iOS 培训机构](https://cdn.shuashuati.com/imgs/10ed1f25da5362608755364c65b5167a.gif )
相对路径
![](https://cdn.shuashuati.com/imgs/f3e860f8114b159b48570ae7528cf55a.gif)
图像文件和 html 文件位于同一文件夹 :只需输入图像文件的名称即可
![](img/img01/https://cdn.shuashuati.com/imgs/f3e860f8114b159b48570ae7528cf55a.gif)
图像文件位于 html 文件的下一级文件夹 :输入文件夹名和文件名,之间用“ / ” 隔开
![](../https://cdn.shuashuati.com/imgs/f3e860f8114b159b48570ae7528cf55a.gif)
图像文件位于 html 文件的上一级文件夹 :在文件名之前加入“ ../ ” ,如果是上两级,则需要使用“ ../ ../ ” ,以此类推 图像标记
![]()
常用属性 念 属性 属性值 描述 1 src URL 图像的路径 (图像文件的路径和文件名) 2 alt 文本 图像不能显示时的替换文本 3 title 文本 鼠标悬停时显示的提示内容 4 width 像素( XHTML 不支持 % 页面百分比) 设置图像的宽度 5 height 像素( XHTML 不支持 % 页面百分比) 设置图像的高度 6 border 数字 设置图像边框的宽度 7 vspace 像素 设置图像顶部和底部的空白 (垂直边距) 8 hspace 像素 设置图像左侧和右侧的空白 (水平边距) 9 align left 将图像对齐到左边 right 将图像对齐到右边 top 将图像的顶端和文本的第一行文字对齐,其他文字居图像下方 middle 将图像的水平中线和文本的第一行文字对齐,其他文字居图像下方 bottom 将图像的底部和文本的第一行文字对齐,其他文字居图像下方