HTML(四)
5. 图像
<P><IMG SRC="tree01.jpg"></P>
属性 width height 例"100px" "50%"
align 图像的对齐方式 "right" "center" "left"
alt 当浏览器不显示图像时的替换文字
border 边框 例"5"
hspace vspace 水平/垂直间距
lowsrc 加入一张低分辩率的图像供页面显示
<img lowsrc="tree02.jpg" src="tree01.jpg" height="200px">
5.3 图像的超链接
i. <A HREF="代码5-9.html" TARGET="_blank"><IMG SRC="tree01.jpg" HEIGHT="200px"></A>
这部分相当于链接文字
ii.一个图像多个链接 每个热点一个链接 5.3.2
代码5-12.html
<html>
<head>
<title>定义图像地图</title>
</head>
<body>
<h2>欢迎来到青青植物园</h2>
<p> 青青植物园是枣田市最大的植物园，占地面积超过50万平方米。各种花卉争奇斗妍，美丽无比。在青青植物园主要有四大景区，分别是牡丹亭、玫瑰园、荷花亭和桃花岛。</p>
<p align="center"><img src="map01.jpg" height="300px" border="0" usemap="#P_map">
<map name="P_map"><area shape="circle" coords="59,220,12" href="代码5-10.html?#mudan" target="_blank" alt="关于“牡丹亭”的介绍">
<area shape="circle" coords="138,119,12" href="代码5-10.html?#meigui" target="_blank" alt="关于“玫瑰园”的介绍">
还有两个类似的，不写了
</map></p>
</body>
</html>
在地图上创建链接点可以用DreamWare干。
