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

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

“西瓜:
西瓜是水果。”

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

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

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

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

在西瓜图片 所有的超链接中<a href="介绍.html#xiguan"><img src="西瓜.jpg"><img>西瓜</a>
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-11-06

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

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


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

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

    “西瓜:
西瓜是水果。”

</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设计图之后直接上传上去就可以,设计稿一件转代码,工程师直接复制去用就行。完全不用自己手动画静态页面。

HTML网页设计:如何设计点击图片后跳转到另外一个页面的指定位置?
在西瓜图片 所有的超链接中<a href="介绍.html#xiguan"><img src="西瓜.jpg"><img>西瓜<\/a>

HTML网页设计:如何设计点击图片后跳转到另外一个页面的指定位置?
当然这个是没有动画效果的,需要js css才能实现动画 搜索html的锚点连接 从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了 比如 想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可实现跳转到指定位置 现在为了...

html点击一个按钮,跳转到当前页面的另一个指定位置!这样的代码...
1、打开Dreamweaver,新建html页面;2、创建成功后,会显示默认html网页模板代码;3、在<head><\/head>中加入这样一行代码:<meta http-equiv="refresh" content="0.1;url=\/en"> 4、其中,数值0.1是代表跳转时间为0.1秒,我们可以根据需求修改跳转时间的长短;“\/en”代表要跳转到的目标目录;5、...

HTML跳转到页面指定位置的几种方法
实现HTML页面中跳转到指定位置,提升用户体验,是网页设计中常见需求。主要有两种方法:纯HTML与JS实现。一、纯HTML方法 1. 利用id标记的锚点。任意HTML元素可以作为锚点,只需为其添加id属性。例如: <div id="target">内容<\/div>。2. 利用a标签的name属性作为锚点。锚点只能是a标签,用于链接到页面...

html点击按钮跳转到另一个html(html点击跳转到指定位置)
HTML网页怎样链接到另一个HTML网页?1、可以使用代码跳转到指定位置。转到指定位置是指向idweizhi的页面部分的超链接。位置\/div是需要转移的部分。id的值应该与ahref中的id号相同,前面带有#cord。2、首先,要嵌入html并不一定要写js代码,如图使用iframe标签,设置其src属性即可。注意其scrolling=auto以...

HTML实现跳转到页面指定位置
作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML...

网页设计中 如何放置图片和打开图片后链接另外一网页?求解
图片出现后点击图片,在软件下方的图片属性中找到“链接”栏,如果要链接到外网的话就直接复制那个网页的地址,填入链接栏里头;如果是自己网站里头的网页,就点击链接栏右边的"浏览文件"按钮,去找到你的网页,确定就行了。当然图片存在链接的话,默认周围有蓝色的框,你可以在图片属性面板中把“边框”...

网页设计跳转页面(网页设计跳转页面在哪)
1、在桌面上新建一个文本文档,双击打开。2、打开文档后,输入以下代码,其中自动跳转的代码是红色方框中的内容。refresh表示跳转,30表示30秒后跳转,跳转至index1.html。3、输入完成后,单击文件菜单,然后选择另存为。4、在弹出来的对话框中,选择桌面为保存的位置,然后文件名后缀修改为.html,然后...

html中怎么从一个页面跳转到另一个页面
3、如果您需要在从另一个页面移动到此页面后跳转到另一个位置,则需要将<a name='jump flag'> <\/a>添加到跳转位置作为跳转的标识符。4、使用时,在其他页面的地址末尾添加#jump标志。5、使用jquery跳转,引入jquery。6、比如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话。

一张图片如何点左右两边进入不同的html网页
首先很高兴为你回答, 这也是一个相对URL,虽然与前一个有点不同。 此URL与当前路径相关。 这意味着它将根据您在站点中的位置解析到不同的路径。 例如,当您在页面http:\/\/yourdomain.com html网页设置图片局部链接要利用Dreamweaver的【设计】功能; 设置热区容易重复,要留意代码是否有多行,将多余的...

相似回答