需要在一张图片上设置多个能点击跳转的链接区域时,推荐使用网页的热点链接。
参考代码如下:
<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也好,都需要慢慢学习的。只要学就能会。