php插入图片链接,3.3 插入图像 - 3.3.2 图像的超链接 - 《零基础学PHP+MySQL (零基础学编程)》 - D云...

3.3.2　图像的超链接

图片链接有两个好处：网站上有了图片，可以使网站更生动，更加有说服力；一张图可代替许多文字，使读者更加明白。这样也使网站节省了许多空间。

想要在插入的图片上加入链接，就要在插入图片开始标记的前面加入图片开始标记＜A HREF=“链接的地址”＞，在插入图片结束标记的后边插入图片链接结束标记＜/A＞。下面通过实例来介绍图片链接标记的用法，如代码3.12所示。

代码3.12　图片链接标记的使用程序：3-12.html

＜html＞

＜!程序名称：3-12.html＞

＜!程序功能：图片链接标记的使用＞

＜head＞

＜!—页面的标题—＞

＜title＞图片链接标记使用＜/title＞

＜!—设置页面的编码—＞

＜meta http-equiv="Content-Type"content="text/html;charset=gb2312"＞

＜meta http-equiv="Content-Language"content="zh-tw"＞

＜/head＞

＜body＞

＜!—页面的标题—＞

＜h1＞图片链接标记使用＜/h1＞

＜!—图片链接标记的使用—＞

＜A HREF="3-10.html"＞＜IMG SRC="111.jpg"align=left ALT="不能正常显示图片"

HEIGHT=150 WIDTH=130 BORDER=0＞

＜/A＞

＜/body＞

＜/html＞

本程序使用图片链接标记，并设置了图片在不能正常显示时，在插入图片处显示替换的文字，还有对齐方式、高和宽等。程序3-12运行效果如图3.12所示。当单击图片时，页面会自动跳转到链接所指向的页面。单击图片，显示效果如图3.13所示。

图　3.12　图片链接标记使用效果图

图　3.13　单击链接图片显示效果图