"> " /> 万博科技-万博manbetxapp|万博网页版
学习园地
当前位置首页>>学习园地


HTML超链接——图片超链接




发表时间   2015-12-10 08:48:46

图片超链接代码结构:

<html>

<head>

<title>图片超链接</title>

</head>

<body>

<a href=”网址“> <img src=”图片链接地址”> </a>

<br/>......

<a href=”网址“>......</a>

</body>

</html>

注释: 该语句嵌入到<a href="网址 ">和<a>之间,则该语句就是链接的一部分,即点击图片时就可链接该网址网站。

利用小窗口制作的代码:

<table>

<tr>

<td rowspan="3"><iframe src="1-1.jpg" width="550" height="420" name="aa"></iframe></td>

<td><a href="1-1.jpg" target="aa"><img src="1-1.jpg" width="75" height="75" /></a>

<br/><br/>中国军人</td>

<td><a href="1-2.jpg" target="aa"><img src="1-2.jpg" width="75" height="75" /></a>

<br/><br/>公路</td>

</tr>

<tr>

<td><a href="1-3.gif" target="aa"><img src="1-3.gif" width="75" height="75" /></a>

<br/><br/>中国+东盟</td>

<td><a href="7.jpg" target="aa"><img src="7.jpg" width="75" height="75" /></a>

<br/><br/>烧烤</td>

</tr>

<tr>

<td><a href="bg.jpg" target="aa"><img src="bg.jpg" width="75" height="75" /></a>

<br/><br/>雪山</td>

<td><a href="campus.jpg" target="aa"><img src="campus.jpg" width="75" height="75" /></a>

<br/><br/>城市</td>

</tr>

</table>

利用三行三列的表格进行页面布局,将第一列单元格统一合并,嵌入iframe框架窗口,作为大图片的“展示区”;右边是小图片的链接区域,单击小图片,左边iframe框架中速度新为相应的大图片。






相关信息:
1  广告设计3I标准[01-12]
2  HTML styles和CSS styles有什么区别?[01-12]
3  使用模糊背景进行漂亮的网页设计[01-12]
4  PS小技巧集锦(二)[03-05]
5  PS小技巧集锦(一)[03-05]