html表单里面的图片点击相应图片跳转到本页其他去看代码怎么写？

html-css020

html表单里面的图片点击相应图片跳转到本页其他去看代码怎么写？,第1张

需要在一张图片上设置多个能点击跳转的链接区域时，推荐使用网页的热点链接。

参考代码如下：

<map name="Map" id="Map">

  <area shape="rect" coords="89,41,379,136" href="#" target="baidu.com" />

  <area shape="rect" coords="89,175,394,264" href="#" />

  <area shape="rect" coords="95,293,386,355" href="#" />

</map>

网页热点使用方法：

个人推荐Dreamwever可视化操作来创建网页热点。

1、打开Dreamwever，新建一个页面，插入一张图片，

2、使用左下角的热点工具。

3、点击“矩形”或其他热点工具，再在图片上拖动位置

4、选中其中一个热点，在下方的属性窗口中的链接栏填上你的链接，热点链接就创建完成了。

1、单独静态html网页，无论加什么内容都需要手动一个一个写的，哪怕一个标点也得手动加上。

2、不想一个一个写，那只能通过程序+数据库。把数据存到数据库中，用程序代码批量读出数据库中的数据。比如百度知道，有成几百万上千万个页面，不可能都手工一个一个修改页面的，都是程序。

3、关于<li>标签问题：这个需要些css样式。在页面加上下面代码

<style>

*{margin:0padding:0}

li{float:leftlist-style:nonetext-align:leftdisplay:inlineoverflow:hidden}

</style>

4、图片问题：页面图片多，最好使用小图（缩略图）。大图影响显示慢，影响用户体验。

5、程序也好，html/css也好，都需要慢慢学习的。只要学就能会。