在HTML标签中,<img>标签用于定义页面中的图像。<img>是单标签,单词image的缩写。 语法格式:
<img src="图像URL" />src是<img>标签的必须属性,它用于指定图像文件的路径和文件名。 图片后缀名也要写,图片要放在项目文件夹中。 图像标签的其他属性:
属性属性值说明src图片路径必须属性alt文本替换文本,图像不能显示的文字title文本提示文本,鼠标放到图像上显示的文字width像素设置图像的宽度height像素设置图像的高度border像素设置图像的边框粗细代码:
<img src="img.jpg" alt="替换文字" width="500" height="100"/>宽度和高度只修改一个,图片会等比例缩放。 注意: 1.图像标签可以有多个属性,必须写在标签名后面。 2.属性之间不分先后顺序,标签名与属性、属性与属性之间可以空格分开。 3.属性采取键值对的方式,即key="value"的格式,属性=“属性值”。
路径可以分为相对路径和绝对路径。 相对路径:以引用文件所在位置为参考基础,而建立的目录路径。
相对路径分类符号说明同一级路径图像文件位于html同一级 如<img src="baidu.gif" />下一级路径/图像文件位于html下一级 如<img src="images/baidu.gif" />上一级路径…/图像文件位于html上一级 如<img src="../baidu.gif" />绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。 例如:“D:\wev\img\logo.gif"或完整网络地址"http://www.baidu.com”。