养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-30 07:25:12

我们在打开网页的时候常常遇到这样的现象,就是网页上的图片太大了,一时打不开,这个时候就显示一下与图片有关的文字,这样就给访问者提供方便了。

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

工具/原料

dreamweaver

方法/步骤

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

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

2、图像转链接的代码。我们在链接代码里面定义了一下这个图片,从而让图片具有点击链接的效果。<ahref="e.html"><imgborder="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>标签。这个标签就是一个图像映射的定义。通过这样的一个过程就把这个图像映射定义好了。<mapname="plap"id="plap"><areashape="circle"coords="10,19,11"href="venus.html"alt="Venus"/></map>

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

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

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

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

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

© 一点知识