如何让网页为图片显示替换文本

时间:2024-10-12 23:30:09

1、网页上的图像显示文字。当你的鼠标出现在这个图片上的时候,设置的文字就出现了。在图片还没下载完全的时候,这个文字信息也会显示出来。<img src="/i/eg_goleft.gif" alt="图片" />

如何让网页为图片显示替换文本

2、图像转链接的代码。我们在链接代码里面定义了一下这个图片,从而让图片具有点击链接的效果。<a href="e.html"><img border="0" src="/i/t.gif" /></a>

如何让网页为图片显示替换文本

3、图像映射。我们在网页上还可以呈现出一个图像映射的效果。这里面最重要的就是coords 代码,这是一个位置代码,从而让我们可以把这个图像的映射呈现出来。<areashape="circle"coords="23,23,14"href ="/example/html/venus.html"target ="_blank"alt="Venus" />

如何让网页为图片显示替换文本

4、HTML <map> 标签。这个标签就是一个图像映射的定义。通过这样的一个过程就把这个图像映射定义好了。<map name="plap" id="plap"><area shape="circle" coords="10,19,11" href ="venus.html" alt="Venus" /></map>

如何让网页为图片显示替换文本

5、所有的浏览器都支持 这个</map>标签。area 元素与 map 元素是从属于的关系。

如何让网页为图片显示替换文本

6、HTML <!DOCTYPE> 标签。这个标签出现在很多的网页使用过程中,有了这个标签之后,IE8与IE9就可以使用相关的样式效果。

如何让网页为图片显示替换文本
© 手抄报圈