Board logo

标题: HTML 第六课:为图片和文字加注解 代码 [打印本页]

作者: 画儿    时间: 2009-8-31 17:36     标题: HTML 第六课:为图片和文字加注解 代码

HTML 第六课:为图片和文字加注解 代码

 

 

  一、给图片加个注解的代码



请把鼠标停留在图片上看看显示什么?

清净莲海欢迎您,不错吧,呵呵


其实代码很简单,就是在图片代码里加一点点小东西。
代码:
<A href="想进入的网址" target=_blank>
<IMG alt=这里加你想写的字 src="图片网址" border=0width=180 weight="200">


需要注意的是:“alt=”必须是英文输入的,否则显示不出效果。代码中的红色网址为超链接的网址,180和200为图片的宽度和高度,大家可以自己调整。


二、为文字做注脚:

例如:

<FONT face=华文行楷><FONT color=#999900 size=5><A class=qqb href="想进入的网址" target=blank><SPAN style="COLOR: #808000"><U><FONT face=楷体_GB2312 size=5><STRONG>想写的字</STRONG></FONT></U></SPAN></A></FONT></FONT>

 

效果:


佛教音画


作者: 画儿    时间: 2009-8-31 17:37

  总结:套用下列代码就可以了。

  一、为文字做注脚代码:

<FONT face=华文行楷><FONT color=#999900 size=5><A class=qqb href="想进入的网址" target=blank><SPAN style="COLOR: #808000"><U><FONT face=楷体_GB2312 size=5><STRONG>想要写的字</STRONG></FONT></U></SPAN></A></FONT></FONT>

  二、为图片做注解 代码


<P align=center><A href="想进入的网址" target=_blank><IMG alt=想要写的字 src="图片地址" width=180 border=0 weight="200"></A></P>






欢迎光临 清净莲海六合敬修学网 祈愿:世界和平 正法久住 (http://jixiangyun.com/bbs/) Powered by Discuz! 6.0.0