HTML网页设计:如何设计点击图片后跳转到另外一个页面的指定位置？

如何设计
点击名为 “西瓜.jpg ” 的图片后跳转到 “介绍.html” 页面中的

“西瓜：
西瓜是水果。”

指定的地方呢？请高手解答。
添加超链接只是完成了点击图片转到另一个页面的操作。
但是我要转到那个页面后的同时还有自动跳转到指定位置。

举报该问题

推荐答案推荐于2017-09-12

在“西瓜：
西瓜是水果。”前面添加一个锚记

<a name="xigua" id="xigua"></a>

========================

在西瓜图片所有的超链接中<a href="介绍.html#xiguan"><img src="西瓜.jpg"><img>西瓜</a>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/fhCII0hfT.html

其他回答

第1个回答 2015-11-06

a页面中有图片，并为其编写点击事件如下：

需要在介绍.html页面中指定位置添加任意标签并添加id属性，例如:

“西瓜：
西瓜是水果。”

</span>

第2个回答推荐于2017-10-09

这是用记事本的做法

书签链接
建立书签基本语法：

<A name="bookmark_name">文字</a>
链接页面中的书签基本语法：

<A href="#bookmark_name">文字</a>
例子:

<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML;CHARSET=big5">
<TITLE>例子</TITLE>
</HEAD>
<BODY>
<A HREF="#DW">Dreamweaver MX</A>
<A HREF="#FL">Flash MX</A>
<A HREF="#FW">Fireworks MX</A>

<A NAME="DW"><H3>Dreamweaver MX</H3></A>
<P>
<A NAME="FL"><H3>FLASH MX</H3></A>
<P>
<A NAME="FW"><H3>Fireworks MX</H3></A>
</BODY>
</HTML>

第3个回答 2010-11-28

使用锚记连接就可以了，西瓜加上锚机连接名字，另一个页面指定地方插入锚机。

第4个回答 2021-04-16

现在好多软件可以设计图直接转代码的，像蓝湖。
设计师做好ui设计图之后直接上传上去就可以，设计稿一件转代码，工程师直接复制去用就行。完全不用自己手动画静态页面。

1 2 下一页

相似回答

网页设计制作的时候 怎么样可以点击一张图片弹出来下一个页面答：<a href="这里是你要跳转的地址"><img src="这里是图片地址"></a> 就像上面的一样，加一个<a>标签就行了，也就是超链接

html如何实现左边框架里的超链接点击后右边的页面跳到相应位置?答：5、在test.html文件内，在js标签中，通过img标签的id获得对象，给该对象绑定click点击事件，当图片被点击时，执行function内的代码。6、在function方法体内，使用location.href来实现跳转至另一个页面，例如，这里设置跳转至百度网站。7、在浏览器打开test.html文件，点击图片，查看实现的效果。

大家正在搜

网页设计点击图片跳转页面网页设计点击跳转页面网页设计点击跳转页面不变 dw网页设计点击跳转其他网页网页设计网页链接跳转网页网页设计实现网页跳转如何实现网页点击跳转 html如何点击按钮跳转页面网页设计网页跳转