<img src="图片文件的路径 url" alt="设定图片的描述信息" width="100" height="50" border="1" align="left|| center ||right"/>
<img>标签并不会在网页中插入图像,而是从网页上链接图像。
<img>标签创建的是被引用图像的占位空间。
alt属性:主要给搜索引擎使用,使搜索引擎可以"识别"该图的具体内容。
border:用于设定图片的边框线的"粗细",单位是px。
align:用于设定图片的定位方式:靠左,剧中,靠右
图片映射技术
所谓图像映射,是指在一张图片上,产生多个不同的链接––自然是在图片上的不同位置。
图像映射技术需要使用一张图片,以及一个可以对该图片进行"区域划分"的map标签实现,划分出的每个"小"区域可以单独设定链接。设定的小区域可以有3种形状:
形式:
<img src="图片路径" usemap="#名字"/>
<map name="名字">
<area shape="设定形状"coords="坐标尺寸之类"href=“ 设定该区域的链接” target=-blank/>
</map>
注意:在计算机的世界中,通常坐标都是以“左上角”为原点,向右为x正方向,向下为y正方向。
图片链接(应用)
图片路径:
c:\users\lenovo\ideaprojects\demo
在这个软件里应该存在web中的image里。便于找到。
图片映射技术(应用练习)
注意:图片映射技术的基本格式