html表单里面的图片点击相应图片跳转到本页其他去看代码怎么写? 10
需要在一张图片上设置多个能点击跳转的链接区域时,推荐使用网页的热点链接。
参考代码如下:
<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、选中其中一个热点,在下方的属性窗口中的链接栏填上你的链接,热点链接就创建完成了。
楼主尼嚎~~HTML表单,通常都是被<form>标签所包括的。<form>标签内的内容还是可以用HTML常规代码书写。不过我认为楼主应该是想表达,HTML表格而不是表单吧?代码如下:
<html>
<head><title>标题</title></head>
<body>
<table>
<tr>
<!--第一栏图片-->
<td>
<a href="网址"><img src="图片路经" /></a>
</td>
<!--第二栏图片-->
<td>
<a href="网址"><img src="图片路经" /></a>
</td>
</tr>
</table>
</body>
</html>
使图片被<a>标签包围住即可。
希望能帮到你。
【2017.7.11】
我再来补充一下,因为刚刚看到了其他回答。楼主可能是想实现html的锚点功能吧。
这个也是非常容易的。
我们在编写css的时候不难发现,如果html标签定义的是class,在css中以一个点“.”和一些字母连用,表示这些字母是class的名称,而css中如果以“#”和一些字母连用,则表示这些字母是html标签的id。那么我们再来回头看锚点。
<a href="#a">点我</a>
这里边,我们把href属性设置成了“#a”,按照css的思路,则表示一个id为a的html标签。那么我们假设在同页面创建一个容器
<div id="a"><p>我是id为a的容器</p></div>
那么在本页点击a标签的链接就会把页面拉到页面中这个div的部分。(当然,前提是你页面要足够长,即浏览器右侧出现竖版滚动条才有效果)
希望能帮到你。
最简单的方法是锚点用<a>标签,在href属性中写入DIV的id。如下:
<a href="#div1">to div1</a>
<a href="#div2">to div2</a>
<a href="#div3">to div3</a>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
还可以用js的srollIntoView方法,直接用:
document.getElementById("divId").scrollIntoView();
希望可以对你有帮助。
做个A标签怎么写啊 ,就是几个图片需要跳转到NAME那里去 #NAME 这里写什么东西哦 好久没弄代码了 这些都忘记了 求请教
你有写了一半的东西吗,,发过来我帮你完善下