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

如何设计点击名为“西瓜.jpg”的图片后跳转到“介绍.html”页面中的“西瓜:西瓜是水果。”指定的地方呢?请高手解答。添加超链接只是完成了点击图片转到另一个页面的操作。... 如何设计
点击名为 “西瓜.jpg ” 的图片后跳转到 “介绍.html” 页面中的

“西瓜:
西瓜是水果。”

指定的地方呢?请高手解答。
添加超链接只是完成了点击图片转到另一个页面的操作。
但是我要转到那个页面后的同时还有自动跳转到指定位置。
展开
 我来答
来自美国认真的兔子
推荐于2017-09-12 · TA获得超过644个赞
知道小有建树答主
回答量:550
采纳率:100%
帮助的人:425万
展开全部
在“西瓜:
西瓜是水果。”前面添加 一个锚记

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

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

在西瓜图片 所有的超链接中<a href="介绍.html#xiguan"><img src="西瓜.jpg"><img>西瓜</a>
青鸟中关村专家
2015-11-06 · 知道合伙人软件行家
青鸟中关村专家
知道合伙人软件行家
采纳数:1734 获赞数:8440
就职于北大青鸟中关村,自2004年踏入北大青鸟这个行业,已经有11年工作经验和8年的培训经验,寓教于乐

向TA提问 私信TA
展开全部

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

<img src="images/xigua.jpg" onclick="javascript:location.href='介绍.html#xigua'"/>


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

<span id="xigua" name="xigua">

    “西瓜:
西瓜是水果。”

</span>

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
朴实且俊美的小喵o
推荐于2017-10-09 · TA获得超过1414个赞
知道小有建树答主
回答量:892
采纳率:16%
帮助的人:348万
展开全部
这是用记事本的做法

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

<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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
toooooop222
2010-11-28 · TA获得超过205个赞
知道答主
回答量:267
采纳率:0%
帮助的人:114万
展开全部
使用锚记连接就可以了,西瓜加上锚机连接名字,另一个页面指定地方插入锚机。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友6316df7
2021-04-16 · 超过406用户采纳过TA的回答
知道小有建树答主
回答量:1195
采纳率:95%
帮助的人:59.2万
展开全部
现在好多软件可以设计图直接转代码的,像蓝湖。
设计师做好ui设计图之后直接上传上去就可以,设计稿一件转代码,工程师直接复制去用就行。完全不用自己手动画静态页面。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式